javascript - 填充由 jquery 生成的输入文本字段后启用按钮

Question

文本字段的添加由 jquery 生成。我只想在输入文本字段后启用提交按钮。谢谢。这是代码:https://jsfiddle.net/akoni/kL8jdpdc/

我试过这段代码，但没有成功。

(function() {
$('form > input').keyup(function() {

    var empty = false;
    $('body').find('input[type="text"]').each(function() {
        if (($(this).val() == '')) {
            empty = true;
        }
    });

    if (empty) {
        $('#submit').attr('disabled', 'disabled');
    } else {
        $('#submit').removeAttr('disabled');
    }
});
})()

Answer 1

您实际遇到的问题已解释 here ，基本上你应该使用 on() 而不是 keyup()。和

input[type="text"]

将返回比 form > input 更少的计数，这里是更改

$(document).on("keyup", "input[type='text']", function() {
  var empty = false;
  $('input[type="text"]').each(function() {
    if (($(this).val() == '')) {
      empty = true;
    }
  });

  if (empty) {
    $('#submit').attr('disabled', 'disabled');
  } else {
    $('#submit').removeAttr('disabled');
  }
}); 

jsfiddle result

希望有所帮助，