码迷,mamicode.com
首页 > Web开发 > 详细

JS字符串的表单验证

时间:2018-07-21 00:46:31      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:com   邮箱   9.png   方法   image   UNC   而且   fun   返回结果   

window.onload事件会在页面加载完成后触发。

所以在事件之前应该将所有的定义的值默认为null

技术分享图片

技术分享图片

在.onload事件事件里面将需要找到定义的值的对应的字符串或者数组找到

技术分享图片

验证姓名不能为空

技术分享图片

讲提示语放到输入框的后面,所以在输入框<input>后面加了个<span>标签用来接收输出的提示语

验证邮箱里面必须包含@和.

技术分享图片

技术分享图片

else后面是当我们的操作达标时,提示语消失

验证密码必须由数字和字母组成

技术分享图片

表单验证是一系列的验证,所以应该定义一个函数来接收验证的值,最后返回结果

技术分享图片

只有在所有的返回值为true时函数才会返回true

 在表单输入时应该做一个失去焦点事件onblur

语法为object.onblur=function(){SomeJavaScriptCode};

而每一个验证方法都要做一个失去焦点事件

技术分享图片

而且失去焦点事件应该放在window.onload事件里面

技术分享图片

 

JS字符串的表单验证

标签:com   邮箱   9.png   方法   image   UNC   而且   fun   返回结果   

原文地址:https://www.cnblogs.com/haijuanya/p/9344714.html

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