php怎么限定编辑框字数,jQuery实时统计输入框字数及限制

项目中经常会用到文本输入框，而且需要限制输入的字数。

下面分享一个 jQuery 实时统计输入框输入字数及限制输入字数的方法，代码如下：

HTML：简单的写一下，能实现功能即可。

jQuery实时统计输入框字数及限制的方法

#content{

border: none;

outline: none;

resize: none;

width: 200px;

height: 100px;

border: 1px solid #ccc;

border-radius: 6px;

padding: 4px;

}

0/200

$('#content').bind('input propertychange',function(){

var count = $(this).val().length; //获取输入的字数

if(count > 200){

var char = $(this).val();

char = char.substr(0,200); //截取前200的字符串

$(this).val(char);

count = 200;

alert('超出200了')

}

$('.contentcount').text(count);

})

效果如下

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。