文本是一个文本域,也被称为文本,多行文本输入控件和一个滚动条,这是经常使用的一个表格在网页上。不像单行文本框的文本控件,它可以不限制字数的MaxLength属性。因此,我们必须寻求其他方法来限制它们以满足预先设定的要求。

通常的做法是使用脚本语言来实现# textarea文本输入字数限制,简单实用。假如我们有一个ID为txta1 textarea文本区域。我们可以通过以下代码将键盘输入限制为10个字(汉字或其他小喇叭字符)。



在window.onload =功能()
{
document.getelementbyid('txta1')化()函数。
{
如果(this.value.length = 10)
event.returnvalue = false;
}
}



它是基于keydown原则(键盘按键)对指定ID的文本区域,你可以想象事件的监测,它只能限制键盘输入,如果用户通过鼠标右键粘贴文本到剪贴板,它不能控制字数。

通过键盘输入,上面的文字区域只能输入10个字,但是我们的目标还没有达到!请随意复制一些文本,并用鼠标右键粘贴,看看发生了什么。

你可以在网上找到类似的其他JS脚本,不管他们有多好,原理是一样的,监控基于keydown的文本区域,KeyUp或按键,键盘操作事件输入,防止鼠标右键粘贴,因此,如果你真的要限制文本的话,我们要加锁,禁用鼠标右键,它将不得不支付额外的开销,但也可能不愿意做一些网页设计师。事实上,有一个更简单的方式来使用onpropertychange属性。

onpropertychange可用来确定价值时,预定的元素的值,值的变化因素决定了事件将被触发,只关心监测值的元素,从输入的源程序中,可理想地达到我们的极限为目的的字数。它属于JS的范畴,可以被嵌套的代表形式块区内,以下是代码风格和效果,可以测试输入如上图,你会发现它真正的输入:不管以何种方式,它只能输入100个字符(汉字或其它溶液的符号):

代码uff1a


100)价值= value.substr(0100)class=小面积列为60name=txtA行=8>


当然,为了更安全,处理表单数据的脚本脚本也应该再次检测提交的数据。如果字的数量超过预设的数字,它将被相应地处理,从而达到限制单词数量的目的。

另一种方式来实现文本限制输入单词数(包括只有10的中国和20的所有ASCII码)



函数检查(){
无功regc = - ~ } + / G / { ^;
VaR雷杰= / D / G;
var str = t1.value;

如果(regc.test(STR)){
t1.value = t1.value.substr(0);
}

如果(rege.test(STR)){
t1.value = t1.value.substr(20);
}
}





还有另一种方法:


功能textcounter(场、区){
如果(field.value.length >区){
field.value = field.value.substring(0区);
其他{ }
document.upbook.remlen.value =区field.value.length;
}
}



文本>
剩余单词数:



函数的LimitTextArea(场){
区= 200;
如果(field.value.length >区)
field.value = field.value.substring(0区);
}






标题=文本的宽度必须小于300个字符。放在文本提示的最大字节数。

例如: