码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标离开文本就进行验证

时间:2015-12-26 10:01:47      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:

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

 

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

 

鼠标离开文本就进行验证

标签:

原文地址:http://www.cnblogs.com/softwhy/p/5077537.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!