这期内容当中小编将会给大家带来有关怎么在javascript中使用正则表达式验证字符串,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
创新互联致力于互联网网站建设与网站营销,提供网站设计制作、成都网站建设、网站开发、seo优化、网站排名、互联网营销、小程序开发、公众号商城、等建站开发,创新互联网站建设策划专家,为不同类型的客户提供良好的互联网应用定制解决方案,帮助客户在新的全球化互联网环境中保持优势。var reg=/正则表达式/;
boolean reg.test(要验证的字符串);
js引擎会将/正则表达式/“”转换成一个RegExp对象,当字符串满足正则表达式的要求事,返回true。
我写的一个表达式验证示例:功能如下:
用户名,不能为空
密码6为数字
密码确认,两次输入密码必须相同
<!DOCTYPE html>
<html> <head> <title>testTablel.html</title> <!-- 用户名,不能为空 密码6为数字 密码确认,两次输入密码必须相同 身份证号码必须是15位,或者是18位,最末尾也可以是X --> <style> #d1 { width: 400px; height: 250px; background-color: #FFE4B5; margin: 40px auto; } #d1_head { color: white; font-size: 20px; font-family: "Arial"; height: 24px; background-color: bule; } #d1_content { padding-left: 30px; padding-top: 30px; } .s1 { color: red; font-style: italic; } .s2 { border: 2px dotted blue; } </style> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script> function check_username(){ var txtObj=document.getElementById("username"); txtObj.className=''; var msgObj=docuemnt.getElementById("username_msg"); msgObj.innerHTML=''; if(txtObj.value.length==0){ msgObj.innerHTML='用户名不能为空'; //给节点的class属性赋值 txtObj.className='s2'; return false; } return true; } function check_pwd(){ var pwdObj=document.getElementById("pwd"); pwdObj.classNames=''; var msgObj=document.getElementById("pwd_msg"); msgObj.innerHTML=''; var reg=/^\d{6}$/; //javascript中一个test方法,返回boolean if(!reg.test(pwdObj.value)){ msgObj.innerHTML='密码是6位数'; pwdObj.className='s2'; return false; } return true; } function check_pwd1(){ var pwdObj=document.getElementById("pwd"); // pwdObj.classNames=''; // var msgObj=document.getElementById("pwd_msg"); // msgObj.innerHTML=''; var pwdObj1=document.getElementById("pwd1"); //pwdObj1.classNames=''; var msgObj1=document.getElementById("pwd_msg1"); msgObj1.innerHTML=''; if(pwdObj.value!=pwdObj1.value){ msgObj1.innerHTML='密码不一致,请重新输入'; return false; } return true; } function check_form(){ var flag=check_username()&&check_pwd()&&check_pwd1; return flag; } </script> </head> <body> <div id="d1"> <div id="d1_head">注册</div> <div id="d1_content"> <form onsubmit="return check_form();"> <table> <tr> <td>用户名</td> <td><input id="username" name="username" onblur="check_username();" /> <span class="s1" id="username_msg"></span> </td> </tr> <tr> <td>密码</td> <td><input type="password" id="pwd" name="pwd" onblur="check_pwd();" /> <span class="s1" id="pwd_msg"></span></td> </tr> <tr> <td>确认密码</td> <td><input type="password" id="pwd1" name="pwd1" onblur="check_pwd1();" /> <span class="s1" id="pwd_msg1"></span> <tr> <td colspan="2"> <input type="submit" value="确认" /> <input type="reset" value="重置" /> </td> </tr></table> </form> </div> </div> </body> </html>
上述就是小编为大家分享的怎么在javascript中使用正则表达式验证字符串了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。
本文名称:怎么在javascript中使用正则表达式验证字符串-创新互联
URL网址:https://www.cdcxhl.com/article44/djsehe.html
成都网站建设公司_创新互联,为您提供定制网站、网站建设、网站设计公司、动态网站、电子商务、Google
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联