如何禁用提交按钮，直到所有文本框都不为空？ [复制]答案

【问题标题】：How to disabled submit button until all textbox is not empty? [duplicate]如何禁用提交按钮，直到所有文本框都不为空？ [复制]
【发布时间】：2015-03-03 06:09:47
【问题描述】：

请大家帮帮我，我不能这样做:(。我想禁用我的提交按钮，直到所有字段都有值。我该怎么做？

这是我的 HTML 代码

<table>
    <tr>
        <td>First Name: <input type="text"></td>
    </tr>
    <tr>
        <td>Middle Name: <input type="text"></td>
    </tr>
    <tr>
        <td>Last Name:<input type="text"></td>
    </tr>
    <tr>
        <td><input type="submit" value="Submit"></td>
    </tr>
</table>

【问题讨论】：

stackoverflow.com/questions/16157763/…

标签： javascript jquery

【解决方案1】：

$(document).ready(function(){
 $('input[type="submit"]').attr('disabled','disabled');
 $('input[type="text"]').change(function(){
        if($(this).val != ''){
           $('input[type="submit"]').removeAttr('disabled');
        }
 });
 });

试试这个你需要使用jQuery选择器

【讨论】：

【解决方案2】：

我首先通过禁用按钮对您的 html 进行了一些修改，然后我使用 jQuery 来检查所有输入是否在其中一个更改时不为空。

function enableSubmit() {
    var disable = false;
    $("#table input[type='text']").each(function() {
        if ($(this).val()==="") {
            disable = true;
            return false;
        }
    });
    $("#table input[type='submit']").prop("disabled", disable);
}

$("#table").on("change", "input", function() {
    enableSubmit();
});

<html>
<head>
</head>

<body>

    <table id="table">
        <tr>
            <td>First Name: <input type="text"></td>
        </tr>
        <tr>
            <td>Middle Name: <input type="text"></td>
        </tr>
        <tr>
            <td>Last Name:<input type="text"></td>
        </tr>
        <tr>
            <td><input type="submit" value="Submit" disabled></td>
        </tr>
    </table>

</body>

</html>

【讨论】：