标签：js验证 doctype com 需要 html 教程 common class 表达式
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title></title> 7 <!--1.引入jq库--> 8 <script type="text/javascript" src="../js/common/jquery.js"></script> 9 </head> 10 <!--2.html代码--> 11 <input type="text" name="" id="phone" value="" placeholder="请输入需要验证的数据" /> 12 <input type="button" name="pp" id="pp" value="验证" /> 13 14 <body> 15 <script type="text/javascript"> 16 //3.js代码 17 $("#pp").on("click", function() { 18 var phone = $("#phone").val(); 19 //4.正则表达式输入 20 var num = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; 21 if(phone.length == 0) { 22 alert("输入不能为空"); 23 } else if(!(num.test(phone))) { 24 alert("输入不正确"); 25 } else { 26 alert("输入正确"); 27 } 28 }) 29 //5.下面是一些常用的正则表达式 30 //手机号码验证 31 var phone = /^1[34578]\d{9}$/; 32 //身份证号码验证 33 var isIDCard = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/; 34 var isIDCard2 = /^(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)$/; 35 //E-mail验证 36 var e_mail＝ /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; 37 //数字验证 38 var Number = /^[0-9]*$/; 39 </script> 40 </body> 41 42 </html>
上面代码只是一个简单的正则使用，js验证这块已经足够使用了。
菜鸟教程正则地址：https://c.runoob.com/front-end/854。
在这里推荐新手使用菜鸟教程(http://www.runoob.com/)，这是新手进入代码世界的一个好网站。
其实做什么事情都一样，代码也一样，只有一步一步理解透了，我们才能在编程这块游刃有余。
标签：js验证 doctype com 需要 html 教程 common class 表达式
原文地址：http://www.cnblogs.com/wush-1215/p/7019096.html
