多行文本框textarea的字数控制动态提示。(剩余字数提醒)
来源:互联网 发布:数据分析末端效应 编辑:程序博客网 时间:2024/05/16 04:26
<script type="text/javascript"> //多行文本输入框剩余字数计算 function checkMaxInput(obj, maxLen) { if (obj == null || obj == undefined || obj == "") { return; } if (maxLen == null || maxLen == undefined || maxLen == "") { maxLen = 100; } var strResult; var $obj = $(obj); var newid = $obj.attr("id") + 'msg'; if (obj.value.length > maxLen) {//如果输入的字数超过了限制 obj.value = obj.value.substring(0, maxLen); //就去掉多余的字 strResult = '<span id="' + newid + '" class=\'Max_msg\' ><br/>剩(' + (maxLen - obj.value.length) + ')字</span>'; //计算并显示剩余字数 } else { strResult = '<span id="' + newid + '" class=\'Max_msg\' ><br/>剩(' + (maxLen - obj.value.length) + ')字</span>'; //计算并显示剩余字数 } var $msg = $("#" + newid); if ($msg.length == 0) { $obj.after(strResult); } else { $msg.html(strResult); } } //清空剩除字数提醒信息 function resetMaxmsg() { $("span.Max_msg").remove(); }</script>
调用方法:
<tr> <td align="right" valign="top"> 备注: </td> <td colspan="5"> <textarea id="BZ" name="BZ" style="height: 34px; width: 450px" onkeydown="checkMaxInput(this,80)" onkeyup="checkMaxInput(this,80)" onfocus="checkMaxInput(this,80)" onblur="checkMaxInput(this,80);resetMaxmsg()"> </textarea> </td> </tr>
转自:出处已忘记了,部分加入了我自己的修改。
1 0
- 多行文本框textarea的字数控制动态提示。(剩余字数提醒)
- 多行文本框textarea的字数控制动态提示。(剩余字数提醒)
- 限制多行文本框textarea输入字数的方法
- js实现textarea的剩余字数动态提示效果demo
- 剩余字数动态提示
- 限制多行文本域的字数
- 定义多行文本框实时的输入字数
- 在IE环境下对多行文本输入框textarea进行字数限制
- TextArea剩余字数显示并提示
- Vue实现动态显示textarea剩余字数
- 统计多行文本textarea中选中字数,FF和IE6测试有效
- 多行文本框如何限制输入字数方法
- textarea还剩余字数统计
- textarea还剩余字数统计
- textarea字数控制
- textarea输入字数控制
- js 限制输入的字数及其剩余字数的提示
- textarea 动态限制字数
- java中自定义锁实现synchronized功能
- 【Python运维脚本】Python监控网卡流量
- vim encoding
- C# 操作access
- Oracle EBS Alert 预警
- 多行文本框textarea的字数控制动态提示。(剩余字数提醒)
- 黑纸与白纸问题
- iOS网络编程-iOS中Socket编程介绍
- 如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)
- Hibernate hql 查询指定字段并获取结果集
- android.os.NetworkOnMainThreadException
- 扒网页并且解析
- 四大图像库:OpenCV/FreeImage/CImg/CxImage(转)
- 常用算法时间复杂度