Javascript实现真实字符串剩余字数提示的实例代码
来源:互联网 发布:知我者谓我心忧 编辑:程序博客网 时间:2024/05/16 14:07
这篇文章介绍了Javascript实现真实字符串剩余字数提示的实例代码,有需要的朋友可以参考一下
代码如下:
//文本框剩余字数提示(字符大小)
function textLimitCheckSj(thisArea, maxLength, SpanId) {
var str = thisArea.value;
if (getChrLen(str, maxLength) > maxLength * 2) {
thisArea.value = str.substring(0, x-1);
}
else {
var varss = '(剩余字数:' + Math.floor((maxLength * 2 - getChrLen(str, maxLength)) / 2) + ')';
document.getElementById(SpanId).innerHTML = varss;
}
}
function getChrLen(str, maxLength) {
var realLength = 0, len = str.length, charCode = -1;
x = 0;
for (; (x < len) && (realLength <=maxLength * 2); x++) {
charCode = str.charCodeAt(x);
if (charCode >= 0 && charCode <= 128)
realLength += 1;
else
realLength += 2;
}
return realLength;
}
?
<asp:TextBox ID="txtOwner_Name" runat="server" Width="200px" BackColor="LightYellow"
onkeyup="textLimitCheckSj(this,50,'spOwner_Name')"></asp:TextBox><span id="spOwner_Name"
style="color: #808080"><em>(50字以内)</em></span>
代码如下:
//文本框剩余字数提示(字符大小)
function textLimitCheckSj(thisArea, maxLength, SpanId) {
var str = thisArea.value;
if (getChrLen(str, maxLength) > maxLength * 2) {
thisArea.value = str.substring(0, x-1);
}
else {
var varss = '(剩余字数:' + Math.floor((maxLength * 2 - getChrLen(str, maxLength)) / 2) + ')';
document.getElementById(SpanId).innerHTML = varss;
}
}
function getChrLen(str, maxLength) {
var realLength = 0, len = str.length, charCode = -1;
x = 0;
for (; (x < len) && (realLength <=maxLength * 2); x++) {
charCode = str.charCodeAt(x);
if (charCode >= 0 && charCode <= 128)
realLength += 1;
else
realLength += 2;
}
return realLength;
}
?
<asp:TextBox ID="txtOwner_Name" runat="server" Width="200px" BackColor="LightYellow"
onkeyup="textLimitCheckSj(this,50,'spOwner_Name')"></asp:TextBox><span id="spOwner_Name"
style="color: #808080"><em>(50字以内)</em></span>
- Javascript实现真实字符串剩余字数提示的实例代码
- texarea有剩余字数提示的效果代码
- js实现textarea的剩余字数动态提示效果demo
- js 限制输入的字数及其剩余字数的提示
- 剩余字数动态提示
- 多行文本框textarea的字数控制动态提示。(剩余字数提醒)
- 多行文本框textarea的字数控制动态提示。(剩余字数提醒)
- js 文本改变提示剩余字数
- TextArea剩余字数显示并提示
- 使用edittext,显示字数并提示剩余字数
- iOS UITextView 字数限制+提示剩余可输入字数
- 使用EasyUI实现文本框内容长度验证,对文本框输入内容提示“剩余可输入字数”
- Vue实现动态显示textarea剩余字数
- JavaScript中实现统计Textarea的字数
- textfield/textview的子类,实现功能:几种不同类型的最大输入字符串字数限制,剩余可输入字符数,emoji表情过滤
- 解决计算字符串中出现字符字数统计的代码实现
- javascript 移除选中的option,并提示剩余个数
- TextWatcher的使用 ,实现一个显示剩余输入字数功能,分享工具类CalculateUtil
- A brief IT orchestration engines/software overview (for OpenStack)
- 自己总结的在android中常会出现的不好解决的问题和方法
- Enterprise Architect 笔记
- poj2388
- LINQ基本子句
- Javascript实现真实字符串剩余字数提示的实例代码
- C语言判断某年是否为瑞年
- linux kernel 3.6版本网络子系统新特性 - TCP
- 上海云计算课程——上海市信息技术培训中心云计算工程师课程 云安全 云平台 云计算技术 云计算概念
- 编程之美--重建二叉树
- JFreeChat实例
- 在ubuntu下烧写映像文件到SD卡--基于三星210开发板
- 冒泡排序
- VLC media player ActiveX控件制作