jquery实现输入框实时检测输入字符个数并且到了规定的字数禁止输入

本文主要是介绍jquery实现输入框实时检测输入字符个数并且到了规定的字数禁止输入，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

今天要实现输入框输入字数多余150个字符就不能输入，并且实时查看剩余能输入的个数，用jquery做了下，代码如下

html代码：

<textarea  cols="10" rows="10"  id="accepted_answer"></textarea>
<h6 id="word">150</h6>

效果如下：

 

jquery代码如下

$(function(){$("#accepted_answer").keyup(function(){var len = $(this).val().length;if(len > 149){$(this).val($(this).val().substring(0,150));$("#word").text(0);}var num = 150 - len;if(num<0){$("#word").text(0);}else{$("#word").text(num);}});
})

实现效果图如下

 原文地址：https://www.codelovers.cn/article/20181011144632.html

这篇关于jquery实现输入框实时检测输入字符个数并且到了规定的字数禁止输入的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---