用正则表达式简写一个前端的信息校验页面
<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代码中所用到的正则表达式的知识都是基础的,想着自己学习了借此巩固一下,也希望大家能给出改进的建议。