<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery验证表单</title> <script type="text/javascript" src="./js/jquery.min.js"></script> <!-- 写入jquery的单一入口 --> <script type="text/javascript"> $(function(){ //验证手机号方法 function isPhoneNo(phone){ //写匹配规则 pattern匹配 var pattern = /^1[3-9]d{9}$/; //返回匹配结果 return pattern.test(phone); } // alert(isPhoneNo(15235926326)); //绑定提交按钮的单击事件 $("#b2").click(function(){ //声明变量存储动态手机号 var _value = $(".pv").val(); // alert(_value); if(isPhoneNo(_value) == false){ alert("您的手机号不合理,请重新输入"); $(".pv").val(""); return false; } }); //绑定键盘回车时间 $(document).keyup(function(event){ //判断回车键 if(event.keyCode == 13){ //帮助点击提交按钮 $("#b2").click(); } }); }); </script> </head> <body> <!-- 表单提交给后端,method方式,get和post submit 提交 --> <form action="http://192.168.1.238" method="post"> 手机号:<input class="pv" name='phone' style=" 400px;padding: 5px;" type="text" placeholder="请输入11位的手机号"/><br/><br/> <input id='b2' type="submit" value="提交数据"/> </form> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery验证表单</title> <script type="text/javascript" src="./js/jquery.min.js"></script> <!-- 写入jquery的单一入口 --> <script type="text/javascript"> $(function(){ //验证手机号方法 function isPhoneNo(phone){ //写匹配规则 pattern匹配 var pattern = /^1[3-9]d{9}$/; //返回匹配结果 return pattern.test(phone); } // alert(isPhoneNo(15235926326)); //绑定提交按钮的单击事件 $("#b2").click(function(){ //声明变量存储动态手机号 var _value = $(".pv").val(); // alert(_value); if(isPhoneNo(_value) == true){ alert("您的手机号没问题"); } else{ alert("你输入的手机号不合理"); } }); //绑定键盘回车时间 $(document).keyup(function(event){ //判断回车键 if(event.keyCode == 13){ //帮助点击提交按钮 $("#b2").click(); } }); }); </script> </head> <body> 手机号:<input class="pv" style=" 400px;padding: 5px;" type="text" placeholder="请输入11位的手机号"/><br/><br/> <input id='b2' type="button" value="提交数据"/> </body> </html>