第一种实现
jsp代码
<form action="" name="myForm">
<div class="pl_box"><textarea name="textarea" class="textarea_2"
disabled="" onKeyDown="textCounter(this.form.textarea,this.form.remLen,100);"
onKeyUp="textCounter(this.form.textarea,this.form.remLen,100);"></textarea>
</div>
<div id="showErrorDiv" style="font-size: 13px; color: red;">
您最多可以输入:<input name="remLen" type="text"
value="100" size="5" readonly="readonly" disabled="disabled">个字符
</div>
</form>
<div class="pl_btn"><a href="#" class="link1"
onclick="publishComent('${username}')">发表评论</a></div>
js代码
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;
}
第二种实现
jsp代码
<div class="pl_box">
<textarea name="textarea" class="textarea_2" disabled="" onfocus="fed_inputMaxLength(this,100,'catchask_con_counter_num')"></textarea>
</div>
<div class="textarea_con_counter">请发表您的观点评论内容,您还能输入<strong id="catchask_con_counter_num" class="catchask_con_counter_num" >100</strong>字。
<span id="textareaError" class="textarea_con_textareaError"></span>
</div>
js代码:
function fed_inputMaxLength(target,maxlength,counterId){
if($(target).attr('fed_max_length')==null){
$(target).attr('fed_max_length',maxlength);
var counter = $('#'+counterId);
if ($.browser.msie) { //IE
$(target).unbind("propertychange").bind("propertychange", function(e) {
e.preventDefault();
textareaMaxProc1(target, maxlength);
counter.html(maxlength-$(target).val().length);
});
target.attachEvent("onpropertychange", function(e) {
//e.preventDefault();
textareaMaxProc1(target, maxlength);
counter.html(maxlength-$(target).val().length);
});
}else {
target.addEventListener("input",function(e) {
e.preventDefault();
textareaMaxProc1(target, maxlength);
counter.html(maxlength-$(target).val().length);
},false);
}
$('target').unbind("keypress").bind("keypress", function(event) {
var code;
if(typeof event.charCode =="number" ){
code = event.charCode;
}else{
code = event.keyCode;
}
if(code > 9 && !event.ctrlKey && $(target).val().length>=maxlength){
event.preventDefault();
}else if(event.ctrlKey && $(target).val().length>=maxlength && code==118){
event.preventDefault();
}
});
}
}
function textareaMaxProc1(textArea, total){
var max;
max=total;
if($(textArea).val().length > max){
$(textArea).val($(textArea).val().substring(0,max));
}
}
相关推荐
编写一个对输入的英文单词按照字典排序的程序,界面如图,当在一个文本域输入若干个英文字单词,单击字典排序按钮,另一个文本域 对输入的英文单词进行排序;当按清空按钮,另一个文本区域的内容同时清空。要求通过...
根据用户输入,动态统计输入字符个数!跟腾讯微博的很相似!
文本域动态添加图像HTML html 文本域 文本域添加图像 图像 高老师 北大青鸟
在做发表评论时候,下面显示的可输入字数随着文本域输入字数的变化而变化。每输入一个字,下面还可以输入字数减少1。把本文档后缀改为.html即可看到效果。
自己做的文本框字数统计/限制插件 输入框 或者 文本域 动态显示还剩余可输入字数
限制多行文本域输入的字符个数,很全。字母和汉字区分开。
单选按钮控制多个文本域和多个下拉菜单的可修改
文本域输入字数倒计 可输入字数 剩余字数 类似微博
在 Acrobat DC 中关于 JavaScript文本域的值和外观的区别以及如何在表单中对文本域按键事件的操作是用户在文本域中录入内容时,可以对录入内容进行筛选和替换等操作,而这些更改发生在提交数据之前,实际上是更改了...
NULL 博文链接:https://xdwangiflytek.iteye.com/blog/1341456
老本版的文本域组件,建议下载ckeditor,实现起来更简单
自增长的文本域 随着用户输入的字符增加文本域和长度
这是一个js验证文本域,通过javaScript的验证是文本域输入有了保证。
改变文本域textarea里的字体颜色的方法
jquery tag插件input文本域输入文字创建标签文字效果
一个文本域优化的思考.docx
控制文本输入数字的功能限制!控制文本输入数字的功能限制!控制文本输入数字的功能限制!控制文本输入数字的功能限制!
做网页,在文本域输入多行英文,点击按钮,计算a e字母出现个数
javascript 文本域字数限制,红色文字显示超过的字数
textarea元素在chrome等浏览器下可以被拖拉从而改变大小,对于查看textarea里面的内容来说相当方便,但是有时候,我们为了保持网页的美观,不得不想要禁掉这个功能,禁止用户随意拉动textarea的大小