正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。
正则表达式目的
1. 给定的字符串是否符合正则表达式的过滤逻辑(称作“匹配”);
2. 可以通过正则表达式,从字符串中获取我们想要的特定部分。
正则表达式的特点是
1.灵活性、逻辑性和功能性非常的强;
2.可以迅速地用极简单的方式达到字符串的复杂控制;
3.对于刚接触的人来说,比较晦涩难懂。
注册表验证
1.获取id
function $(id){ return document.getElementById(id); }
2.验证姓名
function checkName(){ //获取值 var username=$('user').value; //判断不能为空 if(username==''){ $('s1').innerHTML='用户名不能为空'; return false; } //正则表达式 var reg=https://www.jb51.net/^[a-zA-Z][a-zA-Z0-9]{4,9}$/; //检测输入内容是否匹配正则表达式 if(!reg.test(username)){ $('s1').innerHTML='用户名必须是5-10位数字或字母组成,开头不能是数字'; return false; } //匹配,返回空 $('s1').innerHTML=''; return true; }
备注:s1为判断提示内容,添加在输入框后<span></span>
3.验证密码
function checkPwd(){ //获得值 同上… //判断不能为空 同上… //正则表达式 var reg=https://www.jb51.net/^\S{6,}$/; //检测输入内容是否匹配正则表达式 if(reg.test(password)==false){ $('s2').innerHTML='密码必须是6位以上'; return false; } //匹配,返回空 同上… }
4.验证邮箱
function checkEmail(){ //获得值 同上… //判断不能为空 同上… //正则表达式 var reg=https://www.jb51.net/^\w+@\w+\.com|cn|net$/; //检测输入内容是否匹配正则表达式 if(!reg.test(email)){ $('s3').innerHTML='邮箱不合法'; return false; } //匹配,返回空 同上… }
5.验证手机号
function checkTel(){ //获得值 同上… //判断不能为空 同上… //正则表达式 var reg=https://www.jb51.net/^1[34578]\d{9}$/; //检测输入内容是否匹配正则表达式 if(!reg.test(tel)){ $('s4').innerHTML='手机号码不合法'; return false; } //匹配,返回空 同上… }
6.验证身份证号
function checkCid(){ //获得值 同上… //判断不能为空 同上… //正则表达式 var reg=https://www.jb51.net/^\d{15}$|^\d{17}\d|x$/; //检测输入内容是否匹配正则表达式 if(!reg.test(cid)){ $('s5').innerHTML='身份证不合法'; return false; } //匹配,返回空 同上… }
7.验证QQ号
function checkQQ(){ //获得值 同上… //判断不能为空 同上… //正则表达式 var reg=https://www.jb51.net/^[1-9]\d{7,10}$/; //检测输入内容是否匹配正则表达式 if(!reg.test(qq)){ $('s6').innerHTML='QQ必须是8到11数字组成,开头不能是0'; return false; } //匹配,返回空 同上… }
8.检测所有条件
function checkAll(){ if(checkName()&&checkPwd()&&checkEmail()&&checkTel()&&checkCid()&&checkQQ()){ return true; }else{ return false; } }
当然,到后期可以使用jQuery Validate验证框架进行表达验证,更加便捷。
以上所述是小编给大家介绍的正则表达式注册表验证笔记整理,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章: