文本框失去焦点赋值有关问题!
日期：2014-05-17 浏览次数：21078 次
文本框失去焦点赋值问题!在线等!!急急急~~
我有这样一段程序代码!
点击设置个数时,可任意设置文本框的个数!自己分数不多了,只有80分,求高手帮忙!
例如:
个数:5 设置
下面会出现
5行文本框~
现在我的鼠标焦点要在文本框中输入值!
当输入完毕后,我的鼠标焦点离开文本框时.
此时的文本框中需要在数据库中检索认证!
当与数据库中的值匹配时,显示数据库中的匹配值.
当与数据库中的值不匹配时,提示不匹配并返回重新输入!
在线期待中,求高手解决!
------解决方案--------------------
onblur 事件.
------解决方案--------------------
帮顶，学习。。。。。
------解决方案--------------------
同意一楼，数据库调用的值可以通过触发onblur事件中写。
------解决方案--------------------
onblur+xmlhttp
用xmlhttp打开数据库查询，参考一些ajax的例子就知道了。
------解决方案--------------------
<script>
function GetTextNumber(){
snb=parseInt(setnumber.value)
if(!snb){
alert( "输入有误，请重新输入 ")
event.returnValue=false
}
if(block.firstChild){
while(block.firstChild){
block.firstChild.removeNode(true)
}
}
for(i=1;i <=snb;i++){
otext=document.createElement( " <input type= 'text ' id= 'text "+i+ " ' value= 'id=text "+i+ " '> ")
obr=document.createElement( " <br> ")
block.insertBefore(otext)
block.insertBefore(obr)
}
}
</script>
<input type= "text " id= "setnumber " onblur= "GetTextNumber() ">
<div id= "block "> </div>
------解决方案--------------------
一个思路给楼主参考:
单纯的onblur 事件是不行的,要配合服务器端的判断
在表单中用onblur= "mm(form1.textfield.value); " 类似这样的方法把文本框的值传给js,在js中判断服务器端是否匹配,再通过传值的方法将正确的值传回本页,再用js把正确的值显示到input文本框
------解决方案--------------------
楼上的可行
------解决方案--------------------
已经告诉你了。典型的ajax应用。给你个例子吧，行的话给我分哟，呵呵。
ajax.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<style type= "text/css ">
td,body,input{
font-size:12px;
font-family: "宋体 ";
}
</style>
</head>
<body>
<script language= "javascript ">
var promptleft= " <table border= '0 ' cellspacing= '0 ' cellpadding= '0 '> <tr> <td bgcolor= '#F7FFDD ' style= 'border: 1px dashed; border-color: #485E00;color:#485E00; '> "
var promptright= " </td> </tr> </table> "
var errorleft= " <table border= '0 ' cellspacing= '0 ' cellpadding= '0 '> <tr> <td bgcolor= '#FFF5D8 ' style= 'border: 1px dashed; border-color: #FF7300;color:#333333; '> "
var errorright= " </td> </tr> </table> "
var correctleft= " <font color= '000000 '> "
var correctright= " </font> "
var xhr;
var error = false;
function ProcessLogName(name)
{
//本地的规则检测
if (name.length> 16 |name.length <4)
我有这样一段程序代码!
点击设置个数时,可任意设置文本框的个数!自己分数不多了,只有80分,求高手帮忙!
例如:
个数:5 设置
下面会出现
5行文本框~
现在我的鼠标焦点要在文本框中输入值!
当输入完毕后,我的鼠标焦点离开文本框时.
此时的文本框中需要在数据库中检索认证!
当与数据库中的值匹配时,显示数据库中的匹配值.
当与数据库中的值不匹配时,提示不匹配并返回重新输入!
在线期待中,求高手解决!
------解决方案--------------------
onblur 事件.
------解决方案--------------------
帮顶，学习。。。。。
------解决方案--------------------
同意一楼，数据库调用的值可以通过触发onblur事件中写。
------解决方案--------------------
onblur+xmlhttp
用xmlhttp打开数据库查询，参考一些ajax的例子就知道了。
------解决方案--------------------
<script>
function GetTextNumber(){
snb=parseInt(setnumber.value)
if(!snb){
alert( "输入有误，请重新输入 ")
event.returnValue=false
}
if(block.firstChild){
while(block.firstChild){
block.firstChild.removeNode(true)
}
}
for(i=1;i <=snb;i++){
otext=document.createElement( " <input type= 'text ' id= 'text "+i+ " ' value= 'id=text "+i+ " '> ")
obr=document.createElement( " <br> ")
block.insertBefore(otext)
block.insertBefore(obr)
}
}
</script>
<input type= "text " id= "setnumber " onblur= "GetTextNumber() ">
<div id= "block "> </div>
------解决方案--------------------
一个思路给楼主参考:
单纯的onblur 事件是不行的,要配合服务器端的判断
在表单中用onblur= "mm(form1.textfield.value); " 类似这样的方法把文本框的值传给js,在js中判断服务器端是否匹配,再通过传值的方法将正确的值传回本页,再用js把正确的值显示到input文本框
------解决方案--------------------
楼上的可行
------解决方案--------------------
已经告诉你了。典型的ajax应用。给你个例子吧，行的话给我分哟，呵呵。
ajax.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<style type= "text/css ">
td,body,input{
font-size:12px;
font-family: "宋体 ";
}
</style>
</head>
<body>
<script language= "javascript ">
var promptleft= " <table border= '0 ' cellspacing= '0 ' cellpadding= '0 '> <tr> <td bgcolor= '#F7FFDD ' style= 'border: 1px dashed; border-color: #485E00;color:#485E00; '> "
var promptright= " </td> </tr> </table> "
var errorleft= " <table border= '0 ' cellspacing= '0 ' cellpadding= '0 '> <tr> <td bgcolor= '#FFF5D8 ' style= 'border: 1px dashed; border-color: #FF7300;color:#333333; '> "
var errorright= " </td> </tr> </table> "
var correctleft= " <font color= '000000 '> "
var correctright= " </font> "
var xhr;
var error = false;
function ProcessLogName(name)
{
//本地的规则检测
if (name.length> 16 |name.length <4)
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
