HTML表單驗證 - 出發

我有需要的文本字段的HTML表單，這樣的事情之前檢查「需要」屬性 -HTML表單驗證 - 出發

<form> 
    <input type="text" class="text_input" required> 
    <input type="text" class="text_input" required> 
    <div id="submit_div"> 
     <input type="submit id="submit"> 
    </div> 
</form>

爲了防止意外重複提交（例如，當有人點擊提交兩次，無論是意外我們不耐煩地），我已經添加下面的腳本，它可以隱藏原來的提交按鈕，並與基本相同的外觀，但無功能

$("#submit")click(function() { 
    $("#submit").hide(); 
    $("#submit_div").append('<div id="submitting" class="buttonText animated flash">Submitting...</br><div class="againStop" id="stop">Please wait</div></div>'); 
});

，我撞到的問題一個元素替換它就是這樣在填寫必填字段之前單擊提交按鈕會觸發此腳本，從頁面中刪除該按鈕並阻止用戶在填寫必填字段後提交表單。

我需要的是告訴隱藏和追加方法在我的函數中只有在所有必填字段都被填充後纔會觸發。如何在繼續之前訪問所有必填字段的必需屬性並檢查它們是否返回true，以便只填寫所有必填字段時方法纔會觸發？

來源

2016-02-23 skwidbreth

將事件監聽器添加到表單的onsubmit事件中，如果檢查失敗，則添加return: false。

來源

2016-02-23 18:32:02 ratherblue

很酷，謝謝。我非常想用'click'事件處理程序，完全忘了'submit'處理程序。 – skwidbreth

在提交表單前使用JavaScript驗證表單域，如果有空域或任何不正確的信息，提醒用戶。在這裏使用javascript查找表單驗證教程，http://www.web-tutor99.com/complete-form-validation-using-javascript.html

來源

2016-02-23 18:50:55 rayees

HTML表單驗證 - 出發

回答

相關問題