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;
- }
- });
- });