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/)，这是新手进入代码世界的一个好网站。
其实做什么事情都一样，代码也一样，只有一步一步理解透了，我们才能在编程这块游刃有余。
时间： 2024-11-06 14:52:35