jQuery禁用/启用提交按钮

番长斯丁Itachi2020-03-10

我有这个HTML：

<input type="text" name="textField" />
<input type="submit" value="send" />

我该如何做这样的事情：

当文本字段为空时，应禁用提交（disabled =“ disabled”）。
在文本字段中键入内容以删除禁用的属性时。
如果文本字段再次变为空（删除了文本），则应再次禁用提交按钮。

我尝试过这样的事情：

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

…但这不起作用。有任何想法吗？

$(function() { $(":text").keypress(check_submit).each(function() { check_submit(); }); }); function check_submit() { if ($(this).val().length == 0) { $(":submit").attr("disabled", true); } else { $(":submit").removeAttr("disabled"); } }