パスワードの正規表現は無視されました

Question

ユーザー名とパスワードの有効性を確認するために、このjavascriptとhtmlコードを書きました。何らかの理由でパスワードの正規表現がigonredされています。

function checkDetails() { 
 
    var uname = document.getElementById("uname").value; 
 
    var pass = document.getElementById("pass").value; 
 
    var reuname = /^[a-zA-Z]\w*$/; 
 
    var repass = /^\w+{4,8}$/; 
 
    if (reuname.test(uname)) alert(uname); 
 
    else { 
 
    alert("username should be alphanumeric and start with alphabet"); 
 
    return false; 
 
    } 
 
    if (repass.test(pass)) alert(pass); 
 
    else { 
 
    alert("password should be alphanumeric with 4-8 chars"); 
 
    return false; 
 
    } 
 
}

body { 
 
    background-color: cyan; 
 
} 
 
#content { 
 
    width: 550px; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
} 
 
h1 { 
 
    text-align: center; 
 
    margin-bottom: 30px; 
 
} 
 
#content table td { 
 
    height: 30px; 
 
}

<div id="content"> 
 
    <h1>Register Form</h1> 
 
    <form method="post" action="" onsubmit="return checkDetails(); return false;"> 
 
    <table> 
 
     <tr> 
 
     <td>Enter UserName:</td> 
 
     <td> 
 
      <input type="text" name="uname" size="20" id="uname" /> 
 
     </td> 
 
     </tr> 
 
     <tr> 
 
     <td>Enter Password:</td> 
 
     <td> 
 
      <input type="password" name="pass" size="20" id="pass" /> 
 
     </td> 
 
     </tr> 
 
     <tr> 
 
     <td>Re-Enter Password:</td> 
 
     <td> 
 
      <input type="password" name="repass" size="20" id="repass" /> 
 
     </td> 
 
     </tr> 
 
     <tr> 
 
     <td>Enter E-mail:</td> 
 
     <td> 
 
      <input type="text" name="email" id="email" /> 
 
      <td> 
 
     </tr> 
 
     <tr> 
 
     <td>Re-Enter E-mail:</td> 
 
     <td> 
 
      <input type="text" name="reemail" id="reemail" /> 
 
      <td> 
 
     </tr> 
 
     <tr> 
 
     <td>Enter Address:</td> 
 
     <td> 
 
      <textarea rows="10" cols="50" name="address" id="address"></textarea> 
 
      <td> 
 
     </tr> 
 
     <tr> 
 
     <td colspan="2" style="text-align: center;"> 
 
      <input type="submit" name="submit" value="submit" style="width: 100px; height: 30px;" /> 
 
     </td> 
 
     </tr> 
 
    </table> 
 
    </form> 
 
</div>

私は、この特定の行をコメント

は、しかし、それは動作します。

/*var repass = /^\w+{4,8}$/;*/ 

なぜこの奇妙な動作ですか？

Answer 1

コンソールを確認してください。あなたがそこに表示されるはずです。Uncaught SyntaxError: Invalid regular expression: /^\w+{4,8}$/: Nothing to repeat(…)

を私はあなたが正確に何を望むかわからないんだけど、多分あなたは、あなたの正規表現の「+」記号を削除する必要が/^(\w+){4,8}$/

Answer 2

代わりにこれを試してみてください。

var repass = /^\w{4,8}$/; 

Answer 3

function checkDetails() { 
 
    var uname = document.getElementById("uname").value; 
 
    var pass = document.getElementById("pass").value; 
 
    var reuname = /^[a-zA-Z]\w*$/; 
 
    var repass = /^\w{4,8}$/; 
 
    if(reuname.test(uname))alert(uname); 
 
    else { 
 
    alert("username should be alphanumeric and start with alphabet"); 
 
    return false; 
 
    } 
 
    if(repass.test(pass))alert(pass); 
 
    else { 
 
    alert("password should be alphanumeric with 4-8 chars"); 
 
    return false; 
 
    } 
 
    return true; 
 
}

body{ 
 
    background-color: cyan; 
 
} 
 
#content{ 
 
    width: 550px; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
} 
 
h1 { 
 
    text-align: center; 
 
    margin-bottom: 30px; 
 
} 
 
#content table td{ 
 
    height: 30px; 
 
}

<div id="content"> 
 
    <h1>Register Form</h1> 
 
    <form method="post" action="" onsubmit="return checkDetails(); return false;"> 
 
    <table> 
 
     <tr> 
 
     <td>Enter UserName:</td> 
 
     <td> 
 
      <input type="text" name="uname" size="20" 
 
      id="uname" /> 
 
     </td> 
 
     </tr> 
 
     <tr> 
 
     <td>Enter Password:</td> 
 
     <td> 
 
      <input type="password" name="pass" size="20" 
 
      id="pass" /> 
 
     </td> 
 
     </tr> 
 
     <tr> 
 
     <td>Re-Enter Password:</td> 
 
     <td> 
 
      <input type="password" name="repass" size="20" 
 
      id="repass" /> 
 
     </td> 
 
     </tr> 
 
     <tr> 
 
     <td>Enter E-mail:</td> 
 
     <td> 
 
      <input type="text" name="email" id="email" 
 
      /> 
 
      <td> 
 
     </tr> 
 
     <tr> 
 
     <td>Re-Enter E-mail:</td> 
 
     <td> 
 
      <input type="text" name="reemail" id="reemail" 
 
      /> 
 
      <td> 
 
     </tr> 
 
     <tr> 
 
     <td>Enter Address:</td> 
 
     <td> 
 
      <textarea rows="10" cols="50" name="address" 
 
      id="address"></textarea> 
 
      <td> 
 
     </tr> 
 
     <tr> 
 
     <td colspan="2" style="text-align: center;"> 
 
      <input type="submit" name="submit" value="submit" 
 
      style="width: 100px; height: 30px;" 
 
      /> 
 
     </td> 
 
     </tr> 
 
    </table> 
 
    </form> 
 
</div>

私はパスワードのための正規表現は有効ではなかったと思います。これを試すことができますか？