手机号验证正则表达式+Demo（亲测完毕） 

以下为本人亲测过的验证手机号格式的demo，需要的小伙伴拿走不谢~
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8" />
 5 <title></title>
 6 
 7 <!--这里换成你自己的jquery地址-->
 8 <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
 9 
10 <style type="text/css">
11 #phone_msg{
12 color: red;
13 font-size: 12px;
14 }
15 </style>
16 </head>
17 <body>
18 　　<input type="text" id="phonenumber"/>
19 　　<button>点击跳转</button>
20 　　<p id="phone_msg"></p>
21 　　<script type="text/javascript">
22 　　$("button").click(function(){
23 　　//    获取输入框
24 　　var phoneInput = $("#phonenumber");
25 　　//    获取输入框内容
26 　　var phonenumber = $("#phonenumber").val();
27 
28 　　//    验证手机号码格式
29 　　function isPoneAvailable(phoneInput){
30 　　var myreg=/^[1][3,4,5,7,8][0-9]{9}$/; 
31 　　if (!myreg.test(phonenumber)) { 
32 　　$("#phone_msg").html("请输入正确的手机号格式");
33 　　return false; 
34 　　} else {
35 　　$("#phone_msg").html("验证成功，此条可不显示");
36 　　return true; 
37 　　} 
38 　　}
39 　　isPoneAvailable();
40 　　})
41 　　</script>
42 </body>
43 </html>

 

posted @ 2017-09-20 00:05  Fe-Anna  阅读(16151)  评论(0)    收藏  举报