用正则表达式简写一个前端的信息校验页面
<script>
function regist(){
var tel=document.querySelector("#tel").value;
var telMsg=document.querySelector("#telMsg");
telMsg.innerText="";
var telReg=/^[0-9]{3,4}s{0,1}[0-9]{8}$/;//这里的表达式是开头以3到4位数字开头中间
//有1到两个空格间隔最后匹配8位数字
if(!telReg.test(tel)){
telMsg.innerText="请使用有效的电话号码!";
return false;
}
var name=document.querySelector("#name").value.trim();
var nameMsg=document.querySelector("#nameMsg");
nameMsg.innerText="";
var nameReg=/^[a-zA-Z]{1,6}$/;//匹配长度1到6位字母的组合不区分大小写
if(!nameReg.test(name)){
nameMsg.innerText="请规范用户名长度为6的纯字母组合!";
return false;
}
var pwd=document.querySelector("#pwd").value.trim();
var pwdMsg=document.querySelector("#pwdMsg");
pwdMsg.innerText="";
var pwdReg=/^[a-z,A-Z]{6}$/;
if(!pwdReg.test(pwd)){
pwdMsg.innerText="请输入正确的密码!";
return false;
}
var email=document.querySelector("#email").value.trim();
var emailMsg=document.querySelector("#emailMsg");
emailMsg.innerText="";
var emailReg=/^[0-9,a-z,A-Z]+@[0-9,a-z,A-Z]+.(com|cn|edu)$/;//开头以多个数字和字
//母@后面也是多个数字和字母结尾以给定的形式结尾
if(!emailReg.test(email)){
emailMsg.innerText="请使用有效的邮箱地址!";
return false;
}
var mobile=document.querySelector("#mobile").value.trim();
var mobileMsg=document.querySelector("#mobileMsg");
mobileMsg.innerText="";
var mobileReg=/^(130|134|189|177)[0-9]{8}$/;//开头以给定的形式开头,后面匹配8位数
//字
if(!mobileReg.test(mobile)){
mobileMsg.innerText="请使用有效的电话号码!";
return false;
}
}
</script>
在此处的ja代码中所用到的正则表达式的知识都是基础的,想着自己学习了借此巩固一下,也希望大家能给出改进的建议。
