php - 禁用提交按钮，直到 textarea ihas 超过 100 个字符

Question

如何在文本区域的字符数超过 100 个字符之前禁用提交按钮？

这是用于检查用户是否选择上传图片的代码。请告诉我应该如何命名我的文本区域并指导我完成它的安装。

$(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" />

接下来，您应该编写一个函数来计算用户书写时文本区域的长度，这可以通过使用 jQuery 中的 keyup 函数或普通 Javascript 中的 onkeyup 函数来完成。jQuery 中的示例:

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

注意:代码未经测试。

设置间隔方法:

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>