鼠标离开文本就进行验证:
在表单验证的时候,很多都是每填写完一项就会进行此项的验证,而不是非要等到提交表单的时候再验证,下面就通过简单的实例介绍一下原理,当然实际应用可能要复杂的多,代码实例如下:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><head><title>表单验证-蚂蚁部落</title><script type="text/javascript"> function onblurs(){ if(myform.username.value=="") { alert("姓名不能为空!"); } else if(myform.address.value=="") { alert("地址不能为空!"); } } window.onload=function(){ var username=document.getElementById("username"); var address=document.getElementById("address"); username.onblur=onblurs; address.onblur=onblurs;}</script><form name="myform" action="#"> <table> <tr> <td>姓名:</td> <td><input type="text" id="username"/></td> </tr> <tr> <td>地址:</td> <td><input type="text" id="address"/></td> </tr> </table></form></body></html>
以上代码实现了我们需要的功能,主要是利用了onblur事件,非常的简单,具体就不多介绍了。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8309
更多内容可以参阅:http://www.softwhy.com/javascript/
原标题:鼠标离开文本就进行验证
关键词: