TextArea剩余字数显示并提示
来源:互联网 发布:ubuntu vi 撤销命令 编辑:程序博客网 时间:2024/05/17 01:29
<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();
}
//多行文本输入框剩余字数计算
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>
-------------------------------------------在TextArea中这样配置--------------------------------------------------------
<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()">
0 0
- TextArea剩余字数显示并提示
- 使用edittext,显示字数并提示剩余字数
- Vue实现动态显示textarea剩余字数
- 文本域textarea显示输入剩余字数
- js实现textarea的剩余字数动态提示效果demo
- 限制textarea字数并实时显示输入字数统计
- android EditText限制输入字数并显示剩余字数
- iOS UITextView限制输入字数并显示剩余字数
- textarea还剩余字数统计
- textarea还剩余字数统计
- 多行文本框textarea的字数控制动态提示。(剩余字数提醒)
- 多行文本框textarea的字数控制动态提示。(剩余字数提醒)
- 剩余字数动态提示
- 限制textarea字数并实时显示输入字…
- textarea限定字数提示效果
- 自动显示文本输入剩余字数,并限制文本输入字数
- textarea 限制字数,同时动态显示字数
- teaxtarea文本框剩余字数显示
- 反射 Module类详解
- XCode6编译opencore
- 数据库水平切分的实现原理解析---分库,分表,主从,集群,负载均衡器
- c++字符串的4种方法
- SLF4J 和log4j
- TextArea剩余字数显示并提示
- Can not perform this action after onSaveInstanceState(fragment异常)
- clang static analyzer
- hdu 3506 Monkey Party(dp四边形优化)
- CodeForces 508B Round #288 div2B Anton and currency you all know
- Magento加速利器——lazyload
- codeforces #508A# Pasha and Pixels
- mFC开发ocx控件放到网上去
- linux 进程监控和自动重启的简单实现