以下为本人亲测过的验证手机号格式的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>