首页 > 代码库 > js正则表达式的使用姿势

js正则表达式的使用姿势

2024-10-06 16:21:38   213人阅读

 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="http://www.mamicode.com/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="http://www.mamicode.com/验证" />
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正则表达式的使用姿势


联系
我们