禁用提交按钮，直到文本区域ihas超过100个字符

Question

如何禁用提交按钮，直到文本区域的字符超过100个字符？

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

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

Answer 1

您可以更新每一个文本区域内的数据改变时提交按钮，但是这是有问题的，因为每个浏览器具有文字区域不同的事件（在JavaScript）

A的状态常见的做法是设置一个时间间隔来检查提交框，然后根据该时间确定按钮的布尔值。例如

window.setInterval(function(){ $('#submitBtn').disabled = $("#textArea").val().length < 100 }, 100); 

（代码未测试）

Answer 2

用户更喜欢它，如果字符在文本区域数量上提交验证。如果小于100，则取消提交并向用户提供错误消息，说明原因。据推测，页面上有提示，因此用户应该知道100个字符的标准以及他们输入了多少个字符。

如果你真的想要禁用按钮，那么在页面加载时使用脚本禁用它。使用按键监听器来计算textarea中的字符，并在超过100个时启用提交按钮。您可能还需要列出其他事件，所以如果用户通过拖动或粘贴来更改文本，则提交按钮被禁用财产更新得当。

Answer 3

大厦MiniTech移动的相当简洁的回答：

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

     if($("#theTextArea").val().length <= 100) { 
      alert("You must enter more than 100 characters!"); 
      return false; 
     } 
    }); 
}); 

只是要测试

Answer 4

首先，使提交按钮被禁用，例如特定的textarea的ID替换theTextArea。

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

接下来，您应该编写一个函数，将计算在用户写入textarea的长度，这可以通过使用jQuery中或在的onkeyup普通的JavaScript的KEYUP函数来完成。 例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>