禁用提交按钮,直到textarea超过100个字符

Question

如何在textarea的字符超过100个字符之前禁用提交按钮？

这是用于检查用户是否已选择上传图像的代码.请告诉我如何命名我的textarea并指导我完成安装.

$(function() {
   $('form').submit(function() {
      if(!$("form input[type=file]").val()) {
         alert('You must select a file!');
         return false;
      }
   });
});

Answer 1

首先,禁用提交按钮,例如.

<input type="submit" disabled="disabled" id="submitid" />

接下来你应该编写一个函数,在用户编写时计算textarea的长度,这可以通过使用jQuery中的keyup函数或普通Javascript中的onkeyup来完成.jQuery中的示例:

$("#textareaid").keyup(function () {
  if((this).val().length > 100) {
    $("#submitid").removeAttr('disabled');
  } else {
    $("#submitid").attr("disabled", "disabled");
  }
});

注意:代码未经过测试.

SetInterval方法:

setInterval(function () {
  if($("#textareaId").val().length > 100) {
    $("#submitid").removeAttr("disabled");
  } else {
    $("#submitid").attr("disabled", "disabled");
  }
}, 500); //Runs every 0.5s

全尺寸示例:

<form>
  <textarea id="textareaId"></textarea>
  <input type="submit" id="submitId" disabled="disabled" />
</form>
<script type="text/javascript">
  setInterval(function () {
    if($("#textareaId").val().length > 100) {
      $("#submitId").removeAttr("disabled");
    } else {
      $("#submitId").attr("disabled", "disabled");
    }
  }, 500); //Runs every 0.5s
</script>