Javascript電子郵件和密碼驗證

我創建了一個註冊頁面，用戶可以註冊，我試着做一個檢查：電子郵件有效，電子郵件匹配，密碼符合長度要求和密碼匹配。但它不能正常工作。 HTML代碼是相同的形式Javascript電子郵件和密碼驗證

電子郵件錶行：

 <tr> 
      <td></br>Email Address:</td> 
     </tr> 
     <tr> 
      <td><input id="em100" type="email" name="email1" required>     
     </td> 
     </tr> 
     <tr> 
      <td></br>Confirm Email Address:</td> 
     </tr> 
     <tr> 
      <td><input id="em101" type="email" name="email2" required></td> 
     </tr>

密碼錶行：

 <tr> 
     <td></br>Password:</td> 
     </tr> 
     <tr> 
      <td><input id="pw100" type="password" name="pass1" required></td> 
     </tr> 
     <tr> 
      <td></br>Confirm Password:</td> 
     </tr> 
     <tr> 
      <td><input id="pw101" type="password" name="pass2" required></td> 
     </tr>

提交錶行：

 <tr> 
      <td style="padding-top: 10px;"></br><input type="submit" value="Register" onclick="regValidation();"></td> 
     </tr>

的JavaScript代碼：

function regValidation() 
{ 
document.getElementById('td100').innerHTML = ""; 
event.preventDefault ? event.preventDefault() : event.returnValue = false; 

var email1 = document.getElementById('em100').value; 
var email2 = document.getElementById('em101').value; 
var pass1 = document.getElementById('pw100').value; 
var pass2 = document.getElementById('pw101').value; 

if (document.getElementById('em100').checkValidity()) { 
    if (email1 = email2) { 
     if (pass1 = pass2) { 
      if (pass1.length >= @minPass || pass1.length <= @maxPass) { 
       return true && regSuccess(); 
      } else { 
       document.getElementById('td100').innerHTML += "</br>Password must be @minPass - @maxPass characters."; 
      } 
     } else { 
      document.getElementById('td100').innerHTML += "</br>Passwords do not match."; 
     } 
    } else { 
     document.getElementById('td100').innerHTML += "</br>Emails do not match."; 
    } 
} else { 
    document.getElementById('td100').innerHTML += "</br>Emails are not valid."; 
} 
} 

function regSuccess() 
{ 
    alert("Thank you for signing up!"); 
    document.getElementById('fm101').submit(); 
    return; 
}

來源

2017-08-08 Doug Fresh

什麼是不工作？你有什麼錯誤嗎？ – user1777136

如果你使用的是asp.net，那麼你可以利用asp.net內置的驗證器 – RohitS

也如上面提到的答案，你不等於你分配的值=你需要==來等價值 – RohitS

你需要比較，並可能鏈IFS更容易一點：

function getError(){  
if(pass1 !== pass2) return "password missmatch"; 
if(email1 !== email2) return "emails missmatch"; 
if(pass1.length < min || pass1.length > max) return "password to long/short"; 
return false; 
}

所以，你可以做

var error = getError(); 
if(!error){ 
    return alert(" all fine"); 
} 
alert(error);

來源

2017-08-08 17:26:16

這工作。謝謝！ –

在我的原始代碼中添加==也解決了這個問題。 –

@doug新鮮是的，但想表現出更好的解決方案。很高興幫助;） –

在你的條件語句，你正在分配值：

if (pass1 = pass2)

這也許應該是

if (pass1 == pass2)

來源

2017-08-08 17:20:45 user1777136

-1

1檢查如果語句如果（EMAIL1 == EMAIL2） {}

Samething for pass1 and pass2 If（pass1 == pass2） {}

2如果你把

<input type="email">

瀏覽器會自動完成電子郵件驗證你

3，檢查密碼不超過最大長度正好 最大長度屬性添加到您的輸入標籤

<input type="password" maxlength="10">

Soo這樣可以節省您編寫額外的js代碼

來源

2017-08-08 17:25:57

電子郵件或密碼相關，I想通過服務器進行所有驗證。 –

Javascript電子郵件和密碼驗證

回答

相關問題