禁用/启用提交按钮

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