HTML 验证

最新推荐文章于 2024-03-01 20:16:14 发布

潜水断桥

最新推荐文章于 2024-03-01 20:16:14 发布

阅读量592

点赞数

本文链接：https://blog.csdn.net/qq_37454196/article/details/78769509

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.11.1.js"></script>
<script>
var f1=false;
var f2=false;
var f3=false;
var f4=false;
function valName(){
//声明一个验证是否含有@表达式
var reg=/^\w{3,}$/; //reg--->是一个正则表达式对象 2验证是否符合表达式正则对象.test()
var v_name=$("#uname").val();
if(reg.test(v_name)){
f1=true;

}
console.log("验证结果",reg.test(v_name) );
}
function valtel(){
var reg=/^\d{11,11}$/;
var v_tel=$("#tel").val();
if(reg.test(v_tel)){
f2=true;

}
console.log("验证电话的结果",reg.test(v_tel) );
}
function valeng(){
var reg=/^[a-z A-Z]{3,}$/; //
var v_tel=$("#englisename").val();
if(reg.test(v_tel)){
f3=true;
}
console.log("验证英文名字的结果",reg.test(v_tel) );
}
function valcode(){
//身份证验证
var reg=/^\d{17}(\d|x|y)$/;
var v_tel=$("#code").val();
if(reg.test(v_tel)){

f4=true;
}

console.log("验证身份证的结果",reg.test(v_tel) );
}

function valform(){
if(f1&&f2&&f3&&f4){
return true;
}else{
alert("输入信息有误!!!");
return false;
}
}

</script>
</head>
<body>
<form οnsubmit="return valform()" action="http://www.baidu.com">
用户名(最少3位字母,数字,下划线的组合):<input id="uname" οnblur="valName()" /> <br/>
英文名字(最少3位字母):<input id="englisename" οnblur="valeng()" /><br />
电话(必须是11位的数字) <input id="tel" οnblur="valtel()" /><br />
身份证 <input id="code" οnblur="valcode()" />
<input type="submit" value="保存" />
</form>
</body>
</html>

潜水断桥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 验证

var f1=false;var f2=false;var f3=false;var f4=false;function valName(){//声明一个验证是否含有@表达式var reg=/^\w{3,}$/; //reg--->是一个正则表达式对象 2验证是否符合表达式正则对象.test()var v_name=$("#uname").val();i
复制链接

扫一扫