控制textarea 只能输入200个以内的字符。
<textarea cols="" rows=""></textarea>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script language=javascript>
<!--
var maxLen=200;
function checkMaxInput(obj)
{
var m=obj.value.length;
var n=m;
var j=0;
for (var i=0;i<m;i++)
{
if(obj.value.charCodeAt(i)<0||obj.value.charCodeAt(i)>161)
{
n=n+1;
if ( i < 100 )
{
j=j+1;
}
}
}
if(n>maxLen)
{
obj.value=obj.value.substring(0,maxLen-j);
remLen1.innerText='[最大可输入';
remLen2.innerText=maxLen;
remLen3.innerText='字符,';
remLen4.innerText='您已达到输入上限!';
remLen5.innerText=']';
}
else
{
remLen1.innerText='[最大可输入';
remLen2.innerText=maxLen;
remLen3.innerText='字符,还可输入';
remLen4.innerText=maxLen-n;
remLen5.innerText='字符]';
}
}
//-->
</script>
<body >
<textarea name="creditcontent" cols="45" rows="5" onKeyDown="checkMaxInput(this)" onKeyUp="checkMaxInput(this)" onBlur="checkMaxInput(this)" class="12pxbd"></textarea>
<br>
<font id="remLen1"></font>
<font color=red id="remLen2"></font>
<font id="remLen3"></font>
<font color=red id="remLen4"></font>
<font id="remLen5"></font>
/body>
</html>
转自http://lisily.blog.163.com/blog/static/2441452008101025454465/
分享到:
相关推荐
在网页开发中,有时我们需要对用户的输入进行控制,例如限制用户在文本框(textarea)中输入的字符数不超过特定的值。这样的功能可以确保数据的一致性和格式的规范性,同时也能提供更好的用户体验,让用户实时了解...
1. `type="Text"` - 创建一个单行文本输入框,通过`name`属性标识输入框的名称,`value`设置默认值,`align`调整对齐方式,`size`定义显示宽度,`maxlength`限制最大输入字符数。 2. `type="Radio"` - 创建单选按钮...
然而,在集成CKEditor的同时,我们也可能会遇到一个常见问题:即使用JavaScript或jQuery Validate插件进行表单验证时,CKEditor中的数据可能不会立即反映到原始的`<textarea>`元素中,从而导致验证失败。 #### 问题...
POST方法适合传输大量数据,而GET方法则限制在1024字节以内,因此,当需要传输的数据量较大时,应优先选择POST方法。 数据的获取涉及到各种HTML表单元素的处理,如text输入框、password字段、radio单选按钮、...
需要注意的是,使用 GET 方法时,URL 的长度应限制在 8192 个字符以内。另外,由于安全性原因,不应使用 GET 方法发送敏感信息。 - POST 方法将表单数据嵌入 HTTP 请求体中,适合于传输大量数据或敏感信息。 - `...
通过上述方法,每次用户在CKEditor中进行输入或粘贴操作后,内容会被立即更新到隐藏的textarea元素中,从而使得使用jQuery Validate验证框架时能够正常获取到值进行验证。 此外,还可以通过编程方式在提交表单之前...