设置文本区域中的最大字符数
Set the max amount of chars in a textarea
我试图限制可以添加到文本区域的字符数。我知道我可以用一个子字符串来计算字符数,但我想告诉用户他的文本已经达到了最大长度。
maxlength属性似乎正是我想要的,但IE在我们当前的版本上不支持它(我认为它在IE9附近得到了支持)
为了解决这个问题,我集成了onKeyPress="return(this.value.length < 160);"
,它可以很好地防止过长的文本,但它也可以防止文本的擦除或重新编辑,这是一个巨大的问题。
只需添加这个javascript,它对我来说很有用,对查看左侧字符也很有用。
function textCounter(field,cntfield,maxlimit) {
if (field.value.length > maxlimit) // if too long...trim it!
{field.value = field.value.substring(0, maxlimit); }
// otherwise, update 'characters left' counter
else
{
//cntfield.value = maxlimit - field.value.length;
cntfield.value = field.value.length
}
}
html file
此外,请添加以下跨度的文本区域的onKeypress
事件,以管理剩余字符
<span class="alignright comments-req"><input type="text" name="textlen" id="textlen" value="0" class="counter-textfield">/500 <?php echo $this->translate('LABEL_CHARACTER_USED');?></span>
You can use jquery validation check this link
http://jqueryvalidation.org/maxlength-method/
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Makes "field" required having at most 4 characters.</title>
<link rel="stylesheet" href="http://jquery.bassistance.de/validate/demo/site-demos.css">
</head>
<body>
<form id="myform">
<label for="field">Required, maximum length 4: </label>
<input type="text" class="left" id="field" name="field">
<br/>
<input type="submit" value="Validate!">
</form>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
debug: true,
success: "valid"
});
$( "#myform" ).validate({
rules: {
field: {
required: true,
maxlength: 4
}
}
});
</script>
</body>
</html>
相关文章:
- Javascript:包括特殊字符的文本选择
- 使用jQuery重置文本,同时存在AJAX调用
- 我可以重置文本输入而不清除它吗
- 如何使用javascript/jquery/c#搜索和选择包含特殊字符的文本
- Ng模型在AngularJS中重置文本区域后未更新
- 使用 JavaScript 在文本字段中显示多个字符的文本
- 在 JavaScript 中重置文本区域高度
- 阻止按钮重置文本框值
- 阻止重置文本区域
- 如何将表情符号字符写入文本区域
- jquery函数根据特殊字符更改文本颜色
- JavaScript-如何逐个字符显示文本
- 输入后重置文本区域
- 修复了带有运行反馈的字符限制文本框-javascript
- Extjs组合框在存储区未加载任何结果时保持重置文本值
- 在文本框上按删除键或退格键获取删除的字符或文本
- 使用javascript重置文本框密码
- 如何限制字符在文本区域,如果我们使用'jQuery InlineEdit'
- 查找字母数字字符,文本并替换为HTML
- 如何验证限制用户输入字符的文本框?