现在发微博,那个文本框一般只能输入200字好像,再多就会自动删除,要么是提示字数受限,用Js就可实现本功能。今天带来的这个Js限制表单文本 框文字数量的例子,相信有此方面需要的是个不错的参考。为了便于使用,这里把代码拆分为HTML表单部分和JavaScript代码部分:
HTML表单部分,代码如下:
<form name=myform action=""> <textarea name="message" wrap="physical" cols="28" rows="4" onKeyDown="textCounter(this.form.message,this.form.remLen,125);" onKeyUp="textCounter(this.form.message,this.form.remLen,125);"></textarea> <br> 您还可以输入<input readonly type="text" name="remLen" size="4" maxlength="3" value="125">个字符</div> </form>
JavaScript代码部分:
<SCRIPT LANGUAGE="JavaScript"> function textCounter(field, countfield, maxlimit) { // 定义函数,传入3个参数,分别为表单的名字,表单域元素名,字符限制 if (field.value.length > maxlimit) //如果元素区字符数大于最大字符数,按照最大字符数截断 field.value = field.value.substring(0, maxlimit); else //在表单页文本框内显示可输入的剩余字符数 countfield.value = maxlimit - field.value.length; } </SCRIPT>
注:两段代码可复制到同一页面中。