首页 > 代码库 > js正则表达式验证（化繁为简）
js正则表达式验证（化繁为简）
以前用js写正则表达式验证，每一个文本框后面都要添加一个onblur函数，验证的信息少，也没体会到有多繁琐，这次项目中的页面比较多，页面中的信息也比较多，如果每个文本框都加一个验证函数的话，js验证代码将会很长，很繁琐。
既然是函数，就可以传参数，这样的话，只需要一个验证函数就可以完成所有的信息验证了。
1、首先新建一个js文件validate.js
1 function validate(o,regex,backInfo){ 2 if(o.value != "" && !regex.test(o.value)){ 3 alert(backInfo); 4 o.value=""; 5 o.focus(); 6 } 7 }
参数解释：
o：文本框（标签）对象；
regex：是正则表达式；
backInfo：是输入不符合条件时返回的错误信息。
2、在页面中引入validate.js
在onblur函数中调用
<input type="text" id="userName" name="username" onblur="validate(this,regex=/正则表达式/,backInfo=‘错误信息‘)" placeholder="默认提示信息">
例：
<input type="text" id="userAmount" name="userAmount" onblur="validate(this,regex=/^\d+$/,backInfo=‘输入错误‘)" placeholder="请输入整数">
代码比之前简洁了许多，易于修改，只要在需要做验证的页面引入js并添加相应的函数即可，
现在只需要填入相应的正则表达式就可以了。
对js了解不多，有好的方法，欢迎批评指点。
js正则表达式验证（化繁为简）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。