HI,欢迎您光临Downzz,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!
当前位置:首页 > 站长教程 > 建站经验 > JS教程 > 鼠标离开文本就进行验证_JS实例

鼠标离开文本就进行验证_JS实例

时间:2019-10-28人气:366来源:Downzz我要评论(0)

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

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.downzz.com/" />
<head>
<title>表单验证-Downzz.com</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事件,非常的简单,具体就不多介绍了。

温馨提示:以上内容和图片整理于网络,仅供参考,如果对您有帮助,留下您的阅读感言吧!如有侵权行为请联系删除!

相关文章

  • 点击文本选中或取消选中checkbox复选框_HTML实例

    复选框的基本知识参阅HTMLinputcheckbox复选框一章节。点击复选框可以实现其选中和取消选中操作,这是其基本功能。在很多应用中,点击复选框附近的文本也可以实现上述功能,下面做一下介绍。代码实例如下:
  • 匹配磁力链接的正则表达式_正则实例

    本文分享一段正则表达式,实现了对磁力链接的匹配。代码实例如下:/^magnet:\?xt=urn:btih:[0-9a-fA-F]{40,}.*$/上述代码实现了对于磁力链接的基本匹配效果,可以根据需要自行测试修改。

网友评论

请自觉遵守互联网相关政策法规,评论内容只代表网友观点,与本站立场无关!

最新评论

还没有收到评论,赶紧来抢沙发吧~

关于站长下载 | 联系方式 | 发展历程 | 版权声明 | 下载帮助(?) | 广告联系 | 网站地图 | 友情链接

Copyright 2005-2019 Downzz.Com 【站长下载】 版权所有 浙ICP备17005543号-4 | 浙公网安备 42011102000245号工信部

声明: 本站部分内容属于原创转载请注明出处 如有侵权行为请严格参照本站【版权声明】与我们联系,我们将在48小时内容进行处理!