JS表单数据验证的正则表达式
程序员文章站
2022-03-30 16:28:14
...
这篇文章主要介绍了JS表单数据验证的正则表达式,这种方法比较常用,以及使用正则表达式验证表单的方法,本文给大家介绍非常详细,需要的的朋友参考下
常用的验证方法:
checkUserNameflag=false; checkPasswordflag=false; checkPasswordAgianflag=false; checkEmailflag=false; // 用户名校验 function checkUserName() { var username = $("userNeme").value; var zz = /^[A-Za-z0-9]{6,}$/; if (!zz.test(username)) { $("userName_warn").innerHTML = " × 用户名不符合规范"; checkUserNameflag=false; } else { /*$("userName_warn").style.color='blue'; $("userName_warn").innerHTML = "√ 用户名可用";*/ showUserExist(username); checkUserNameflag=true; } } //重置提示 function resetWarn(){ $("userName_warn").innerHTML=""; $("email_warn").innerHTML=""; $("password_warn").innerHTML=""; $("Repassword_warn").innerHTML=""; } // 密码校验 function checkPassword() { var password1 = $("password").value; if (password1.length >= 6 && password1.length <= 15) { checkPasswordflag = true; $("password_warn").style.color='blue'; $("password_warn").innerHTML = " √ 密码可用 "; checkAgianMiMa(); } else { checkPasswordflag = false; $("password_warn").innerHTML = " × 密码至少为 6 个字符 "; } } function checkPasswordAgian() { var password1 = $("password").value; var password2 = $("rePassword").value; if (password1 == password2) { if (password1 == "") { $("Repassword_warn").innerHTML = " × 请输入密码 "; checkPasswordAgianflag = false; return; } $("Repassword_warn").style.color='blue'; $("Repassword_warn").innerHTML = "√ 重复输入密码正确"; checkPasswordAgianflag = true; } else { checkPasswordAgianflag = false; $("Repassword_warn").innerHTML = " × 两次密码输入不同 "; } } function checkEmail(){ //对电子邮件的验证 var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; var email=$("email").value; if(!myreg.test(email)){ checkEmailflag=false; $("email_warn").style.color='red'; $("email_warn").innerHTML = " × 邮箱格式不符合规范"; } else { checkEmailflag=true; $("email_warn").style.color='blue'; $("email_warn").innerHTML = "√ 邮箱格式正确"; } } function submitCheck(){ alert(checkUserNameflag); if(checkUserNameflag==false || checkPasswordflag==false || checkPasswordflag==false ||checkPasswordAgianflag==false || checkEmailflag==false){ return; } } function $(id){ return document.getElementById(id); }
js正则表达式--验证表单
检测手机号码:/0?(13|14|15|18)[0-9]{9}/
检测用户名:(数字,英文,汉字,下划线,中横线):/^[A-Za-z0-9_\-\u4e00-\u9fa5]+$/
密码:(数字,英文,下划线,中横线)/^[A-Za-z0-9_-]+$/
身份证:/\d{17}[\d|x]|\d{15}/
非空:/^\S+$/
IP地址:/((?:(?:25[0-5]|2[0-4]\d|[01]?\d?\d)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d?\d))/
以上所述是小编给大家介绍的JS表单数据验证的正则表达式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对PHP中文网的支持!
更多JS表单数据验证的正则表达式相关文章请关注PHP中文网!
上一篇: jQuery选择器和层次选择器使用
下一篇: Python之PyQT多线程串口代码分析
推荐阅读