表單驗證字段

Question

好吧我有電子郵件和密碼字段。 他們的驗證設置。 對於密碼字段，如果確認密碼不好，它會告訴您與電子郵件格式相同。

但是，當我點擊註冊它將驗證表單是否字段是正確的或不正確的。

<div class="form-group"> 
     <input class="btn btn-success" type="submit" name="submit_reg" value="Register" > 
     </div> 

有人知道如何解決這個問題嗎？ 這是我的代碼的一部分 https://jsfiddle.net/tk2nqbo9/1/

Answer 1

您的驗證，雖然它可能正確顯示錯誤，但決不會阻止提交表單。如果您想在發生錯誤時阻止提交，則需要將表單提交添加一個事件偵聽器。

你的聽衆可能會是這個樣子：

document.querySelector('form').addEventListener('submit', function(event) { 
    if (!passwordCheck()) { 
     reportError("Password error"); 
     event.preventDefault(); //Stops the submission of the form 
    } 

    if (!emailCheck()) { 
     reportError("Email error"); 
     event.preventDefault(); 
    } 

    //Got here? All good, don't do anything. 
}); 

您還可能有興趣在pattern attribute。至少，它可以取代你的email_validate函數。