`
liyanboss
  • 浏览: 142577 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

已有字数:4,剩余字数:196

 
阅读更多
function CountNodeNum(Obj)
{
var Str = Obj.value;
var Len = 0;
if (Str == "")
{
$("NodeInt").innerHTML = "0";
$("NodeCount").innerHTML = "200";
return;
}
Len = Str.length;
if (Len - 200 > 0)
{
$("NodeInt").innerHTML = "200";
$("NodeCount").innerHTML = "0";
Obj.value = Str.substring(0,200);
return;
}
$("NodeInt").innerHTML = Len;
$("NodeCount").innerHTML = 200 - Len;
}


已有字数:<Span ID="NodeInt" style="color:#009900;">0</Span>,剩余字数:<Span ID="NodeCount" style="color:#FF0000;">200</Span>


<textarea name="tbNote" id="tbNote" cols="50" rows="7" title="附加要求" onkeyup="javascript:CountNodeNum(this);"></textarea>
分享到:
评论

相关推荐

    仿微博提示可输入剩余字数

    "仿微博提示可输入剩余字数"这个项目就是一个很好的实例,它旨在模拟微博平台上的字符限制功能,帮助用户了解他们还能输入多少字符,以确保消息不超过平台规定的长度。在此,我们将深入探讨这个功能实现的关键技术和...

    统计字数的textarea

    在这个场景下,我们需要实现一个能够动态计算textarea中字符数的机制,并可能附加一些额外的功能,比如限制最大字数,或者显示剩余字数。 首先,我们需要了解HTML的`&lt;textarea&gt;`元素,它是用来创建多行文本输入的...

    js字数限制 提示

    剩余字数:&lt;span id="wordCount"&gt;0&lt;/span&gt;&lt;/p&gt; ``` ```javascript function checkWordLimit(textarea) { var maxNum = 100; // 字数限制 var currentNum = textarea.value.length; document.getElementById('...

    UITextView限制字数封装

    通过这样的封装,我们便可以方便地在项目中使用带有字数限制的`UITextView`了。这不仅简化了代码,提高了复用性,还为用户提供了一种直观的方式来了解他们的输入是否超过了限制。在实际项目中,还可以根据需求进一步...

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

    为了提供良好的用户体验,有时候我们需要限制文本框(input type="text")的输入字数,并实时显示剩余字数。jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。在...

    Android-AndroidEditText多行文本输入字数统计限制数量

    记得在实际应用中,考虑到用户体验,应该提供清晰的提示,告知用户当前输入的字数以及剩余字数,这样用户可以更好地控制他们的输入。同时,对于字数限制的处理应当尽可能地平滑,避免突然的文本截断造成不好的体验。

    js限制显示字数

    对于已有的文本,我们可能希望只显示部分内容,超出部分则用省略号表示。可以使用`substring`或`slice`方法截取字符串,并结合CSS来实现。例如,限制显示前50个字符: ```javascript function ...

    使用JavaScript限制TextArea多行文本域的可输入字数

    为了提高用户体验,我们还可以在`textarea`下方添加一个实时显示剩余字数的元素,如下所示: ```html &lt;textarea id="myTextarea" rows="4" cols="50"&gt; 剩余字数:&lt;span id="remainingChars"&gt;100&lt;/span&gt;&lt;/p&gt; ``` ...

    字数输入限制百分比显示CSS+JS代码

    然后定义一个`updateCounter`函数,它会根据输入框的当前值更新计数器显示,并根据剩余字数决定是否应用错误样式。最后,我们为输入框添加了一个`input`事件监听器,当用户输入时触发`updateCounter`函数。 现在,...

    基于JS实现textarea中获取动态剩余字数的方法

    例如,如果页面上有多个`&lt;textarea&gt;`元素需要显示剩余字数,可以编写一个通用的函数`changeLength()`,该函数接受一个`&lt;textarea&gt;`元素和一个显示字数的元素作为参数。 ### 知识点六:代码示例与解析 文章提供了一...

    jQuery做的文本框字数统计/限制插件

    HTML部分可能有一个示例文本框和显示剩余字数的元素;CSS用于样式美化;而JavaScript部分则包含了jQuery插件的主要逻辑,包括事件绑定、字数计算和限制逻辑。 为了使用这个插件,开发者需要在自己的项目中引入...

    angularjs实现textarea文本输入字数限制功能

    在设计用户界面时,对textarea的输入字数进行限制是常见的需求,它有助于保持数据的一致性和防止用户输入过长的文本。 首先,我们需要理解AngularJS的`ng-model`指令,它是Angular的核心特性之一,用于在HTML元素和...

    EditText字数检测与限制

    在Android开发中,`EditText` 是一个非常常见的...在实际应用中,还可以根据需求增加更多功能,比如提示剩余字数、支持汉字和英文混合输入的字数统计等。这个功能对于提升用户体验和确保数据格式正确性具有重要意义。

    JQuery实现textarea可以有字数录入提醒功能

    通常会有一个显示剩余字数的元素,比如一个`span`或`div`,其ID为`textCount`。每次输入后,都会更新这个元素的文本,显示还剩多少个字符可以输入。 ```javascript $("#textCount").text(100 - $("#address").val()...

    新浪微博字数统计 textarea字数统计实现代码

    ### 新浪微博字数统计实现方法详解 #### 一、引言 在互联网时代,文本输入已经成为用户与网站互动的主要方式之一。为了更好地管理和限制用户的输入长度,许多网站都采用了字数统计的功能。例如,新浪微博就对用户...

    剩余字数统计插件

    【剩余字数统计插件】是一种实用的网页交互功能,主要应用于留言板或个人简介等需要限制输入字符数的场景。这种插件的核心功能是实时显示用户输入内容的剩余字符数,并且通常会设定一个最大字符数限制,以帮助用户在...

    jQuery插件charCount模仿twitter和新浪微博的textarea字数统计.zip

    这种限制不仅有助于保持信息简洁,还能鼓励用户更有效地表达自己的观点。本文将详细介绍如何使用jQuery插件charCount来模仿这些平台的textarea字数统计功能。 首先,jQuery是一个广泛使用的JavaScript库,它简化了...

    动态显示可输入的字数提示还可以输入的字数

    同时,旁边有一个`&lt;span&gt;`元素用于显示剩余字数,它的`id`是`cost_tpl_title_length`,方便在JavaScript中进行操作。 接着,我们分析JavaScript部分的代码: ```javascript function setShowLength(obj, maxlength...

    JavaScript实现统计文本框Textarea字数增强用户体验

    接下来,我们需要编写`countChar`函数,它会计算当前文本框中已有多少字符,并更新`span`元素的`innerHTML`来显示剩余的字数。这里是一个简单的实现: ```javascript function countChar(textareaName, spanName) {...

Global site tag (gtag.js) - Google Analytics