如何實(shí)現(xiàn)js注冊時(shí)輸入合法性驗(yàn)證

這篇文章給大家分享的是有關(guān)如何實(shí)現(xiàn)js注冊時(shí)輸入合法性驗(yàn)證的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

具體內(nèi)容如下

// 驗(yàn)證用戶名,只允許 字母 數(shù)字 下劃線 中文
//在input元素后面增加一個(gè)span元素，提示

function confirmName(){
  var name=document.getElementById("user_name");
  name.onblur=function(){
    if((name.value).length!=0){
      reg=/^[\u4e00-\u9fa5_a-zA-Z0-9-]{1,16}$/g;
      if(!reg.test(name.value)){
        alert("對不起，輸入的用戶名限16個(gè)字符，支持中英文、數(shù)字、減號或下劃線 ");
      } 
    }
  };
}
function confirmEmail(){
  var email=document.getElementById("user_email");
  email.onblur=function(){
    if((email.value).length!=0){
      reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/ ;
      if(!reg.test(email.value)){ 
        alert("對不起，您輸入的郵箱格式不正確!");
      }
    }
  };
}
function confirmPassword(){
  var password=document.getElementById("user_password");
  password.onblur=function(){
    if((password.value).length!=0){
      reg=/^(\w){6,20}$/;
      if(!reg.test(password.value)){ 
        alert("對不起，您輸入的密碼格式不正確!");
      }
    }
  };
}
function confiemPasswordAgin(){
  var againpassword=document.getElementById("user_password_confirmation");

  var password=document.getElementById("user_password");
  againpassword.onblur=function(){
    // alert(againpassword.value);
      if(password.value.length!=againpassword.value.length){
      alert("密碼輸入不匹配,請重新輸入");
      }
      if(password.value.indexOf(againpassword.value)==-1){
        alert("密碼輸入不匹配,請重新輸入");
      }
    };
}
window.onload=function(){
  confirmName();
  confirmEmail();
  confirmPassword();
  confiemPasswordAgin();
};

感謝各位的閱讀！關(guān)于“如何實(shí)現(xiàn)js注冊時(shí)輸入合法性驗(yàn)證”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！