你的位置:首页 > Java教程

[Java教程]鼠标离开文本就进行验证


鼠标离开文本就进行验证:
在表单验证的时候,很多都是每填写完一项就会进行此项的验证,而不是非要等到提交表单的时候再验证,下面就通过简单的实例介绍一下原理,当然实际应用可能要复杂的多,代码实例如下:

 

<!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/