input_least是一个jQuery脚本,它会禁用表单提交按钮,直到在特定的文本字段中输入了最少的字符数。
类似于minlength属性,但更灵活。它还提供视觉反馈,指示输入了多少字符。
1.添加最小的
目标文本字段的CSS ID。
<textarea id="least"> ... </textarea>
2.在文本字段旁边创建一个字符计数器。
<p id="least_count">( 0 ) You must enter at least 30 characters.</p>
3.添加最小的
提交按钮的CSS ID。
<button id="least_button" type="submit"> Submit </button>
4.在文档中加载最新的jQuery库。
<script src="/path/to/cdn/jquery.slim.min.js"></script>
5.指定最小字符数的主jQuery脚本。
$(document).ready(function(){ const target = document.getElementById('least_button'); target.disabled = true; $('#least').on('keyup', function() { $('#least_count').html("( "+$(this).val().length+" ) You must enter at least 30 characters."); if($(this).val().length >= 30) { target.disabled = false; } else{ target.disabled = true; } }); });