最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JS表单数据验证的正则表达式
时间:2017-04-17 编辑:简简单单 来源:一聚教程网
常用的验证方法:
代码如下 | 复制代码 |
checkUserNameflag=false; checkPasswordflag=false; checkPasswordAgianflag=false; checkEmailflag=false; // 用户名校验 functioncheckUserName() { varusername = $("userNeme").value; varzz = /^[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; } } //重置提示 functionresetWarn(){ $("userName_warn").innerHTML=""; $("email_warn").innerHTML=""; $("password_warn").innerHTML=""; $("Repassword_warn").innerHTML=""; } // 密码校验 functioncheckPassword() { varpassword1 = $("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 个字符 "; } } functioncheckPasswordAgian() { varpassword1 = $("password").value; varpassword2 = $("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 =" × 两次密码输入不同 "; } } functioncheckEmail(){ //对电子邮件的验证 varmyreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; varemail=$("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 ="√ 邮箱格式正确"; } } functionsubmitCheck(){ alert(checkUserNameflag); if(checkUserNameflag==false|| checkPasswordflag==false|| checkPasswordflag==false ||checkPasswordAgianflag==false|| checkEmailflag==false){ return; } } function$(id){ returndocument.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))/
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31