jquery實(shí)現(xiàn)輸入框?qū)崟r(shí)檢測(cè)輸入字符個(gè)數(shù)并且到了規(guī)定的字?jǐn)?shù)禁止輸入
2019-01-24 16:42:43
21697
實(shí)現(xiàn)輸入框輸入字?jǐn)?shù)多余150個(gè)字符就不能輸入,并且實(shí)時(shí)查看剩余能輸入的個(gè)數(shù),用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);
}
});
})