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事件中检查在字段中输入内容或焦点丢失时所有必填字段。

检查Devise direction。应该让你感受到我的意思。

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

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

2 个答案: