填寫表格中填寫所有必填字段後禁用刪除

Question

如何使用Jquery填寫表單中所有必填字段時如何從提交按鈕中刪除禁用。這是我的HTML：

<form action="" method="post" class="my_form"> 
    <input type="text" class="form-control"> 

    <select class="form-control" required> 
     <option value="" disabled selected>Select</option> 
     <option value="Value 01">Value 01</option> 
     <option value="Value 02">Value 02</option> 
     <option value="Value 03">Value 03</option> 
     <option value="Value 04">Value 04</option> 
    </select> 

    <input type="text" class="form-control"> 

    <textarea class="form-control" rows="3" required></textarea> 

    <button type="button" data-dismiss="modal" disabled>Save</button> 
</form> 

Answer 1

你可以有一個對input和blur事件，當進入該領域的東西或丟失焦點時對所有必填字段檢查。

選中此fiddle。應該給你一個我的意思。

Answer 2

使用與jQuery prop方法和Array.every方法以下方法：

$(".my_form :input[required]").on("change paste", function(){ 
    var requiredEls = $(".my_form :input[required]").toArray(), filled; 
    filled = requiredEls.every(function(v){ // ensure that all required fields are filled 
     return v.value.trim(); 
    }); 

    $(".my_form :button").prop('disabled', (filled)? false : true); 
});