前端网页匹配电话号码

<!DOCTYPE html>
<html lang="en">
<head>
　　<meta charset="UTF-8">
　　<title>jquery 验证表单的学习</title>

　　<script type="text/javascript" src="./js/jquery.min.js"></script>

　　<script type=" text/javascript">
　　　　$(function(){
　　　　　　 // 绑定键盘回车事件
  　　　　　　$(document).keyup(function(event){
  　　　　　　　 // 判断回车键
　　　　　　　　　 if (event.keyCode == 13){
   　　　　　　　　　　 // 帮用户点按钮
    　　　　　　　　　　$("#b2").click();
  　　　　　　　　　　 }

　　　　　　　 });

　　　　　　　　　　 //验证手机号的方法
　　　　　　　　　　function isPhoneNo(phone){

   　　　　　　　　　　　　// 写匹配规则---定界符/之间写东西/
  　　　　　　　　　　　　var pattern =/^1[3-9]\d{9}$/;
   　　　　　　　　　　　　// 返回匹配结果
  　　　　　　　　　　　　 return pattern.test(phone);
　　　　　　　　　　　　　 }
  　　　　　　　　// 绑定提交按钮的单击事件
　　　　　　　　　 $("#b2").click(function(){
　　　　　　　　  // 声明变量存储动态手机号
   　　　　　　　　var _v =$(".phoneval").val();
   　　　　　　　　　　if( isPhoneNo(_v) == false){
    　　　　　　　　　　　　alert("你的手机号不合法，重新输入");
    　　　　　　　　　　　　　　$(".phoneval").val("");
    　　　　　　　　　　　　　　　　　return false
  　　　　　　　　　　　 }
　　　　　　　　　　 });

　　　　　　　　　 });

</script>
</head>
<body>

<form action="http://192.168.1.238" method="post">

手机号：<input class="phoneval" name= "phone" type="text" placeholder="请输入11
位的手机号" style="padding : 10px; width: 200px"/>
<br/><br/>
<input id="b2" type="submit" value="提交数据"/>

</form>
</body>
</html>

前端网页匹配电话号码

猜你喜欢