這篇文章主要介紹了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中文網!