Question

我有3个带有提交按钮的textareas，我希望只有当3个textareas中的每一个都有一些内容时才能启用。以下是我到目前为止的情况：

HTML

<body>
  <form>
    <p>First</p>
    <textarea name="first" id="first" cols="12" rows="2"></textarea>
    <p>Second</p>
    <textarea name="second" id="second" cols="12" rows="2"></textarea>
    <p>Third</p>
    <textarea name="third" id="third" cols="12" rows="2"></textarea>
    <button type='button' disabled>Submit</button>
  </form>
</body>

Jquery的

$(document).ready(function() {
  $('input[type="button"]').attr('disabled', true);
    $('textarea').on('keyup',function() {

      $("textarea").each(function() {

        if ($(this).val() != "") {

          $('input[type="button"]').attr('disabled', false);

        } else {

          $('input[type="button"]').attr('disabled' , true);
        }  
      });    
    });
  });

Answer 1

如果未填充一个textarea ，您应该使用变量并设置它：

Statement1 
Statement2

此外，我会使用$(document).ready(function() { var button = $('button'); var textareas = $('textarea'); textareas.on("keyup", function() { var disabled = false; textareas.each(function() { if (!$.trim($(this).val())) { disabled = true; } }); button.attr('disabled', disabled); }); });检查textare是否为空。这也不允许空字符串。如果允许空字符串，则只检查!$.trim($(this).val())。

您更新的jsfilddle位于：https://jsfiddle.net/2wkb9wmq/8/

如何检查textarea是否为空？

1 个答案: