禁用/启用提交按钮

Question

禁用/启用提交按钮

我有一个HTML：

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

我怎么能做这样的事：

• 当文本字段为空时，应禁用提交(禁用=“禁用”)。
• 在文本字段中键入某些内容以移除已禁用的属性时。
• 如果文本字段再次变为空(文本被删除)，则应再次禁用Submit按钮。

我试过这样的方法：

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

…但不管用。有什么想法吗？

Answer 1

问题是，只有当焦点从输入移开时，更改事件才会触发(例如，有人单击输入或从输入中移出选项卡)。尝试使用keyup代替：$(document).ready(function() {      $(':input[type="submit"]').prop('disabled', true);      $('input[type="text"]').keyup(function() {         if($(this).val() != '') {            $(':input[type="submit"]').prop('disabled', false);         }      });  });

Answer 2

$(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");   }}