<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Regular Expression test</title> </head> <body> 用户名：(4-16位，字母、下划线、数字，减号) <br/> <input type="text" id="un" placeholder="4-16位" > <input type="button" value="test" onclick="userName()" > <span id="one"></span> <br/><hr/> 密码：(最少6位，至少包括一个大写字母、一个小写字母、一个数字、一个特殊字符) <br/> <input type="text" id="pw" > <input type="button" value="test" onclick="password()" > <span id="two"></span> <br/><hr/> 邮箱：(xxx@xx.xxx)<br/> <input type="text" id="em" > <input type="button" value="test" onclick="email()" > <span id="three"></span> <br/><hr/> 身份证号：18位，最后一位可以是数字或字母<br/> <input type="text" id="idn" > <input type="button" value="test" onclick="idNumber()" > <span id="four"></span> <script type="text/javascript"> function userName(){ var reg=/^w{4,16}$/; if( !reg.test( document.getElementById("un").value ) ) document.getElementById("one").innerHTML="不正确"; else document.getElementById("one").innerHTML="正确"; } function password(){ var reg=/^(?=.*[a-z])(?=.*[A-Z])(?=.*d)(?=.*?[#?!@$%^&*-]).{6,}$/; if( !reg.test( document.getElementById("pw").value ) ) document.getElementById("two").innerHTML="不正确"; else document.getElementById("two").innerHTML="正确"; } function email(){ var reg=/^w+@[a-zA-Z0-9]{2,10}(?:.[a-z]{2,4}){1,3}$/; if( !reg.test( document.getElementById("em").value ) ) document.getElementById("three").innerHTML="不正确"; else document.getElementById("three").innerHTML="正确"; } function idNumber(){ var reg=/^d{17}[A-z|0-9]{1}$/; if( !reg.test( document.getElementById("idn").value ) ) document.getElementById("four").innerHTML="不正确"; else document.getElementById("four").innerHTML="正确"; } </script> </body> </html>