填写表格中填写所有必填字段后禁用删除

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); 
});