根據多個輸入的驗證禁用提交按鈕

Question

我已經檢查了每個輸入的keyup或用不同的js文件更改事件。因此用戶可以在製作時看到他/她的錯誤。現在我想收集輸入的所有驗證信息，並使點擊事件提交按鈕來啓用或禁用提交。

我試着爲所有輸入創建一個名爲「isvalid」的自定義屬性，並根據驗證結果集「isvalid」將其設置爲「true」或「false」。我的計劃是檢查所有有效值，並禁用或啓用提交按鈕。但是我只能在同一個事件中獲得改變的屬性值，但不能在不同的js文件中。

Answer 1

你可以給每個輸入通過他們特定的類名，以表明它需要驗證，並圈當您提交表單：

$('.submit_button').click(function(event) { 
    $('.required').each(function() { 
     if (!this.value) { 
     event.preventDefault(); 
     alert('Please fill in all required fields'); 
     } 
    }); 
});