<!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(){
// 绑定键盘回车事件
$(document).keyup(function(event){
// 判断回车键
if (event.keyCode == 13){
// 帮用户点按钮
$("#b2").click();
}
<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(){
// 绑定键盘回车事件
$(document).keyup(function(event){
// 判断回车键
if (event.keyCode == 13){
// 帮用户点按钮
$("#b2").click();
}
});
//验证手机号的方法
function isPhoneNo(phone){
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
}
});
});
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>
<!-- 表单提交给后端 method 的 方式get /post-->
<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="提交数据"/>
位的手机号" style="padding : 10px; width: 200px"/>
<br/><br/>
<input id="b2" type="submit" value="提交数据"/>
</form>
</body>
</html>
</body>
</html>