老师无聊,让我们写正则表达式的验证,这个一百度还不一大把的,何必去造轮子呢。
写了十个常用的验证,没经过验证,网上搜的,应该问题不大。
html部分:
<body>
1:用户姓名 *只能是中文字*<br>
<input type="text" name="" id="id1">
<input type="button" name="" id="btn1" value="验证">
<samp id="samp1">*</samp>
<br>
2:用户密码 *大于等于6 必须是数字*<br>
<input type="text" name="" id="id2">
<input type="button" name="" id="btn2" value="验证">
<samp id="samp2">*</samp>
<br>
3:联系方式 *必须是11位,电信或者联通的有效号码* 如:15102739524移动 17614575414联通<br>
<input type="text" name="" id="id3">
<input type="button" name="" id="btn3" value="验证">
<samp id="samp3">*</samp>
<br>
4:邮箱方式 *如:kelvin@yeah.com\290000738@qq.com*<br>
<input type="text" name="" id="id4">
<input type="button" name="" id="btn4" value="验证">
<samp id="samp4">*</samp>
<br>
5:博客地址 *Http:\\www.boke.com*<br>
<input type="text" name="" id="id5">
<input type="button" name="" id="btn5" value="验证">
<samp id="samp5">*</samp>
<br>
6:年龄 *必须是数字 小于等120*<br>
<input type="text" name="" id="id6">
<input type="button" name="" id="btn6" value="验证">
<samp id="samp6">*</samp>
<br>
7:邮政编码 *中国邮政编码为6位数字*<br>
<input type="text" name="" id="id7">
<input type="button" name="" id="btn7" value="验证">
<samp id="samp7">*</samp>
<br>
8:身份证 *中国的身份证为15位或18位*<br>
<input type="text" name="" id="id8">
<input type="button" name="" id="btn8" value="验证">
<samp id="samp8">*</samp>
<br>
9:电话号码 *匹配形式如 0511-4405222 或 021-87888822*<br>
<input type="text" name="" id="id9">
<input type="button" name="" id="btn9" value="验证">
<samp id="samp9">*</samp>
<br>
10: QQ号 *腾讯QQ号从10000开始*<br>
<input type="text" name="" id="id10">
<input type="button" name="" id="btn10" value="验证">
<samp id="samp10">*</samp>
<br>
</body>
css部分:
<style type="text/css">
body{
font-size: 12px;
line-height: 30px;
}
samp{
color: red;
}
</style>
js部分:
<script src="Scripts/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(function(){
//1用户名验证
$("#btn1").click(function () {
var mytext = $("#id1").val();
var res = /[^\x00-\x80]/;
$("#samp1").empty();
$("#samp1").append("*");
if (mytext == "") {
$("#samp1").append("用户名不能为空!");
return false;
}
else if (!res.exec(mytext)) {
$("#samp1").append("输入的用户名只能为中文!");
return false;
}
return true;
});
//2密码验证
$("#btn2").click(function () {
var mytext = $("#id2").val();
var res = /[^\x00-\x80]/;
$("#samp2").empty();
$("#samp2").append("*");
if (mytext == "") {
$("#samp2").append("密码不能为空!");
return false;
}
else if (mytext.length<6) {
$("#samp2").append("输入的密码长度应大于等于6位!");
return false;
}
else if (isNaN(mytext)) {
$("#samp2").append("输入的密码只能为数字!");
return false;
}
return true;
});
//3联系方式
$("#btn3").click(function () {
var mytext = $("#id3").val();
var res = /^0?(13[0-9]|15[012356789]|17[0236789]|14[57])[0-9]{8}$/;
$("#samp3").empty();
$("#samp3").append("*");
if (mytext == "") {
$("#samp3").append("电话号码不能为空!");
return false;
}
else if (mytext.length != 11) {
$("#samp3").append("输入的电话号码长度应等于11位!");
return false;
}
else if (!res.exec(mytext)) {
$("#samp3").append("号码必须是电信或者联通的有效号码!");
return false;
}
return true;
});
//4邮箱方式
$("#btn4").click(function () {
var mytext = $("#id4").val();
var res = /^([0-9A-Za-z\-_\.]+)@([0-9A-Za-z]+\.[A-Za-z]{2,3}(\.[A-Za-z]{2})?)$/;
$("#samp4").empty();
$("#samp4").append("*");
if (mytext == "") {
$("#samp4").append("邮箱地址不能为空!");
return false;
}
else if (!res.test(mytext)) {
$("#samp4").append("邮箱格式不符合要求!");
return false;
}
return true;
});
//5博客地址
$("#btn5").click(function () {
var mytext = $("#id5").val();
var res = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
$("#samp5").empty();
$("#samp5").append("*");
if (mytext == "") {
$("#samp5").append("博客地址不能为空!");
return false;
}
else if (!res.exec(mytext)) {
$("#samp5").append("博客地址格式不符合要求!");
return false;
}
return true;
});
//6年龄
$("#btn6").click(function () {
var mytext = $("#id6").val();
$("#samp6").empty();
$("#samp6").append("*");
if (mytext == "") {
$("#samp6").append("请输入年龄!!");
return false;
}
else if (isNaN(mytext)) {
$("#samp6").append("年龄必须为数字!");
return false;
}
else if (Number(mytext) <= 0 || Number(mytext) >= 120) {
$("#samp6").append("年龄必须大于0,且小于120!");
return false;
}
return true;
});
//7邮政编码
$("#btn7").click(function () {
var mytext = $("#id7").val();
var res = /^[a-zA-Z0-9 ]{3,12}$/;
$("#samp7").empty();
$("#samp7").append("*");
if (mytext == "") {
$("#samp7").append("请输入邮政编码!!");
return false;
}
else if (isNaN(mytext)) {
$("#samp7").append("邮政编码必须为数字!");
return false;
}
else if (!res.exec(mytext)) {
$("#samp7").append("邮政编码不符合要求!");
return false;
}
return true;
});
//8身份证
$("#btn8").click(function () {
var mytext = $("#id8").val();
var res = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
$("#samp8").empty();
$("#samp8").append("*");
if (mytext == "") {
$("#samp8").append("请输入身份证!");
return false;
}
else if (!res.exec(mytext)) {
$("#samp8").append("身份证号码不符合要求!");
return false;
}
return true;
});
//9电话号码
$("#btn9").click(function () {
var mytext = $("#id9").val();
var res = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/;
$("#samp9").empty();
$("#samp9").append("*");
if (mytext == "") {
$("#samp9").append("请输入电话号码!");
return false;
}
else if (!res.exec(mytext)) {
$("#samp9").append("电话号码不符合要求!");
return false;
}
return true;
});
//10QQ号
$("#btn10").click(function () {
var mytext = $("#id10").val();
var res = /^[1-9][0-9]{4,}$/;
$("#samp10").empty();
$("#samp10").append("*");
if (mytext == "") {
$("#samp10").append("请输入QQ号!");
return false;
}
else if (!res.exec(mytext)) {
$("#samp10").append("QQ号码不符合要求!");
return false;
}
return true;
});
});
</script>