亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

JavaScript 驗證用戶名和密碼

JavaScript 驗證用戶名和密碼

狐的傳說 2023-07-14 09:35:14
要求是:檢查用戶輸入以字符 [a-zA-Z] 開頭的用戶名,并檢查用戶輸入包含 3 個或更多字母數字字符的用戶名。要求用戶輸入 8 個或更多字符的密碼,其中至少 1 個大寫字母和 1 個數字以及 1 個特殊字符 (/ - +!@#$^& )。AND密碼與輸入的確認密碼相同。我已經完成了電子郵件和所需的輸入,但對如何在 JavaScript 中執行此操作感到困惑。這就是我所做的:<script>function validateForm() {        var nameRegex = /^[a-zA-Z\-]+$/;    var passregex= /^(?=.{8,})(?=.*[0-9])(?=.*[A-Z])(?=.*[@#$%^&+*!]).*$/;    var uname = document.myForm.firstName.value.match(nameRegex);    var firstpassword=document.myForm.password.value;      var secondpassword=document.myForm.password2.value;        var firstpassword = document.myForm.password.value.match(passregex);        if(uname == null){        if(uname.length<3){        alert("Username length should be atleast 3 and make sure it starts with A-Z");}        return false;  }  elseif(firstpassword==null){    if(firstpassword.length<8){        alert("Password must be at least 6 characters long.");        return false;      }    elseif(firstpassword==secondpassword){      alert("Please enter same password");        return false;      }  }}</script>
查看完整描述

2 回答

?
慕工程0101907

TA貢獻1887條經驗 獲得超5個贊

function validateForm() {

  if (document.myForm.userName.value && document.myForm.password.value && document.myForm.confirmpassword.value) {

    if (document.myForm.password.value === document.myForm.confirmpassword.value) {

      if (document.myForm.userName.value.length < 3) {

        alert("Username length should be atleast 3 and make sure it starts with A-Z");

        return false;

      } else if (document.myForm.password.value.length < 8) {

        alert("Password must be at least 6 characters long.");

        return false;

      } else {

        if (new RegExp(/^[A-Za-z][A-Za-z0-9]+$/).test(document.myForm.userName.value) === false) {

          alert('Username begins with a character[a-zA-Z] ');

          return false;

        } else if (new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[#$@!%&*?])[A-Za-z\d#$@!%&*?]{8, 30}$ /).test(document.myForm.password.value)) {

          alert("password is 8 or more characters where at-least 1 uppercase letter And 1 number AND 1 of the special characters (/-+!@#$^&)");

          return false;

        } else {

          alert('Success !');

          return true;

        }

      }

    } else {

      alert("password & confirm password not match!");

      return false;

    }

  } else {

    alert("Please add valid credentials..");

    return false;

  }

}

<form name="myForm" action="main.html" method="post">

  <!--  onSubmit="return validateForm();" -->

  <label>User name</label><br />

  <input type="text" name="userName" placeholder="userName" />

  <br />

  <label>Password</label><br />

  <input type="password" name="password" placeholder="password" />

  <br />

  <label>Confirm Password</label><br />

  <input type="password" name="confirmpassword" placeholder="confirm password" />

  <br />

  <input type="button" value="Login" onclick='validateForm();' />

</form>


注意:-我已經添加了您的所有要點,如果出現問題請告訴我!


查看完整回答
反對 回復 2023-07-14
?
揚帆大魚

TA貢獻1799條經驗 獲得超9個贊

嘗試使用 jQuery 驗證(https://jqueryvalidation.org/)。它可以很容易地實現。



查看完整回答
反對 回復 2023-07-14
  • 2 回答
  • 0 關注
  • 313 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號