您好,欢迎访问一九零五行业门户网

javascript中使用正则表达式进行字符串验证示例

var reg=/正则表达式/;
boolean reg.test(要验证的字符串);
js引擎会将/正则表达式/“”转换成一个regexp对象,当字符串满足正则表达式的要求事,返回true。
我写的一个表达式验证示例:功能如下:
用户名,不能为空
密码6为数字
密码确认,两次输入密码必须相同
身份证号码必须是15位,或者是18位,最末尾也可以是x(该功能还没有写,有时间再补上)
<!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中使用正则表达式进行字符串验证示例。
其它类似信息

推荐信息