`
xudongcsharp
  • 浏览: 480233 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js计算剩余字符

 
阅读更多
<html>
<head>
<script type="text/javascript">
function checkLength(which) {
var maxChars = 250;
if (which.value.length > maxChars)
which.value = which.value.substring(0,maxChars);

var curr = maxChars - which.value.length;
document.getElementById("chLeft").innerHTML = curr.toString();
}
</script>
</head>
<body>
<textarea name="description" onkeyup="checkLength(this);"></textarea> <br />
<small>文字最大长度: 250. 还剩: <span id="chLeft">250</span>.</small>
</body>
</html>
分享到:
评论

相关推荐

    Axure夜话之程序员眼中的原型设计视频教程之剩余字符数提示.rar

    《Axure夜话之程序员眼中的原型设计视频教程之剩余字符数提示》是针对软件开发过程中原型设计的一个专题,尤其适合程序员和交互设计师学习。在这个教程中,主要讲解了如何在Axure中实现对用户输入字符数的实时监控和...

    js计算文本域剩余字数

    &lt;title&gt;JS计算文本域剩余字数 #remainingChars { color: green; font-size: 14px; } .warning { color: red; } &lt;textarea id="myTextarea" rows="4" cols="50"&gt;&lt;/textarea&gt; 还剩 140 字 var ...

    jQuery一句代码实现仿新浪微博显示剩余字符.doc

    - 否则,计算剩余可输入的字符数,并更新页面上显示剩余字符数的元素。 ```javascript else { $("#Remain").text($max - $length); } ``` 6. **HTML结构**:确保页面中包含用于显示剩余字符数的元素,并正确...

    javascript TextArea动态显示剩余字符

    - 计算剩余字符数,并更新到 `otTextLeft` 元素中。 #### 注意事项 - 在实际项目中,通常会考虑兼容性问题,例如支持更多类型的浏览器。 - 代码中使用了 `innerHTML` 来更新文本,这可能会引发 XSS 攻击的风险,在...

    Javascript实现真实字符串剩余字数提示的实例代码

    4. 如果字符串长度未超过限制,计算剩余字数,并将结果更新到指定的span元素中。 `getChrLen`函数是用来计算字符串实际字节数的。它通过遍历字符串的每个字符,根据字符码判断字符是单字节还是双字节,从而计算实际...

    计算字符长度插件textSum.js

    总的来说,"计算字符长度插件textSum.js"是一个利用JavaScript和jQuery实现的实用工具,它提高了用户体验,让用户在输入时能即时了解剩余字符数,避免超过限制。这样的插件在各种需要限制输入长度的场景下都非常有用...

    JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)

    同时,如果输入的字符数超出了设定的最大长度,则会将编辑框设置为只读,并显示剩余字符数为0。 在页面的HTML结构中,定义了一个`&lt;textarea&gt;`元素,其属性`maxlength="80"`限制了用户可以输入的最大字符数为80个...

    javaScript边打字边显示剩余字数

    这里使用的是`innerText`属性,它可以设置或返回某个节点及其子节点的文本内容,实现将剩余字符数实时显示在指定的`&lt;span&gt;`元素内。 #### 4. 条件判断与控制流 在`function Check(txt)`函数中,通过`if(lastLetter&gt;...

    js字符限制(字符截取) 一个中文汉字算两个字符

    函数中通过遍历输入字符串的每个字符,并根据字符是否匹配Unicode编码范围(一般用于判断是否为中文字符),来计算字符长度。对于匹配范围的字符,即可能是中文字符,计数增加2;对于不匹配的,计数增加1。函数会在...

    javaScript判定提交内容是否超过数据库长度

    示例函数getLength通过正则表达式替换了所有非ASCII字符(即Unicode编码范围在0x00到0xff之外的字符),假设这些字符是中文或其他双字节字符,替换后计算剩余字符串的长度,从而近似得出实际的字符长度。 具体实现...

    js限制textarea每行输入字符串长度的代码.docx

    2. `showOverWords`:这个函数用于实时显示剩余的可输入字符数,它接收一个`textarea`对象和最大长度,并更新指定id的元素(在这个例子中是`wordCount`)显示剩余字符数。 3. `checkstr`:这个函数用于检查字符串的...

    用JS剩余字数计算的代码

    `计算剩余字符数,并将结果存储在`curr`中。最后,`document.getElementById("chLeft").innerHTML = curr.toString();`找到id为`chLeft`的`&lt;span&gt;`元素,更新其内容为`curr`的字符串形式,即时显示剩余字符数。 这...

    基于ASP.NET的采用js脚本实现multiline textbox 的字符长度验证函数

    为了提高用户体验,还可以在用户输入时实时显示剩余字符数,或者在输入超限时立即给出提示,而不仅仅是提交时验证。这可以通过监听textarea的`keyup`事件来实现。 6. **错误处理**: 当然,还要考虑到用户可能...

    js 限制表单输入长度 汉字为两个字符

    `textChange`会计算当前输入的长度,如果超出限制,则截断输入值,并更新显示剩余字符数的元素内容(如果提供了`showElem`)。 以下是一个简单的使用示例: ```html &lt;textarea id="inputArea"&gt;&lt;/textarea&gt; ...

    js限制文字个数网页特效

    然后,与设定的最大字符数进行比较,计算出剩余字符数。例如,如果最大字符数是140,可以这样写: ```javascript var maxLength = 140; var currentCount = inputBox.value.length; var remainingChars = ...

    输入字数限制百分比的js超好用

    每当用户输入时,计算当前字符数与最大允许字符数的比例,并将其转换为百分比。如果超过了最大值,就截取字符串至最大长度。同时,它还会显示当前已输入的百分比。 描述中的"下载试试看"可能是指这个功能已经封装成...

    js仿微博实现统计字符和本地存储功能

    然后,编写`calculate()`函数计算剩余字符数,并根据结果更新元素样式。同时,`getLength()`函数用于判断输入字符的长度,如果是中文字符,则长度加1。 此外,本地存储(localStorage)在现代Web应用中扮演着重要...

    ASCII字符,编程资料。

    - **扩展ASCII码**:虽然标准ASCII码只有128个字符,但很多计算机系统和软件会利用剩余的128个未定义的字符空间来增加更多的字符集,如欧元符号等。 ### ASCII码的应用场景 - **文本编辑**:编写文档、代码时,几乎...

    jQuery计算文本框可输入字数代码.zip

    当用户开始输入时,`keyup`事件会被触发,`updateCounter`函数会计算当前文本框的字符数(`$inputField.val().length`),然后将剩余字符数显示在`&lt;span&gt;`元素上。初始时,我们会调用一次`updateCounter`以设置初始...

Global site tag (gtag.js) - Google Analytics