`

jquery实现textarea发布框限制文字字数输入(添加中文识别)

 
阅读更多

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
$("textarea").keyup(); 
}); 

function strLenCalc(obj, checklen, maxlen) { 
  var v = obj.val(), charlen = 0, maxlen = !maxlen ? 200 : maxlen, curlen = maxlen, len = v.length; 
  for(var i = 0; i < v.length; i++) { 
    if(v.charCodeAt(i) < 0 || v.charCodeAt(i) > 255) { 
curlen -= 1; 
} 
} 
  if(curlen >= len) { 
$("#"+checklen).html("还可输入 <strong>"+Math.floor((curlen-len)/2)+"</strong> 个字").css('color', ''); 
$("#subBtn").removeAttr("disabled"); 
} else { 
$("#"+checklen).html("已经超过 <strong>"+Math.ceil((len-curlen)/2)+"</strong> 个字").css('color', '#FF0000'); 
$("#subBtn").attr("disabled", "disabled"); 
} 
} 
</script> 

<textarea tabindex="11" onkeyup="strLenCalc($(this), 'checklen', 80);" value="" class="px" name="subject" id="subject"></textarea> 
<span id="checklen">还可输入 <strong>40</strong> 个汉字</span> 
<input type="submit" id="subBtn" value="发布" /> 
分享到:
评论

相关推荐

    基于jquery的textarea发布框限制文字字数输入(添加中文识别)

    通过上述的说明,我们可以看到,在一个基于jquery的textarea发布框中限制文字字数输入(并添加中文识别)是一个涉及HTML、JavaScript(特别是jQuery库)和字符编码知识的综合任务。实现这样的功能不仅提高了用户体验...

    jQuery textarea文本框输入文字字数限制提示代码

    本示例中,我们将探讨如何使用jQuery实现textarea文本框的字数限制功能,并实时提示用户输入的字符数量。 首先,让我们了解jQuery的基本概念。jQuery通过一个"$"符号作为入口,提供了一种简洁的方式来选择DOM元素、...

    jquery新浪发布微博textarea文本框限制文字字数表单

    本教程将详细讲解如何利用jQuery实现一个类似新浪发布微博的功能,特别是针对textarea文本框进行文字字数限制。 一、jQuery简介 jQuery是由John Resig在2006年创建的,它的核心理念是"Write Less, Do More",通过...

    jQuery textarea文本框输入文字字数限制提示代码.zip

    本资源“jQuery textarea文本框输入文字字数限制提示代码.zip”提供了一个实用的功能,即对textarea输入框进行字数限制,并实时显示当前已输入的字符数,这对于创建表单、评论区或任何需要限制用户输入的场景非常...

    js和jquery分别实现对textarea字数的限制

    js和jquery分别实现对textarea字数的限制,精彩

    控制textarea文本长度,并限制输入字数(带统计显示)

    在网页设计中,`textarea`元素常用于收集用户的大段文字输入,如评论、留言等。然而,有时候我们需要对用户输入的字符数进行限制,防止过长的文本影响页面布局或数据库存储。本文将深入探讨如何实现对`textarea`文本...

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

    本文将详细解析如何使用JQuery实现一个textarea控件的字数录入提醒功能,这不仅能够提升用户体验,还能有效控制文本输入长度,避免超出限制。 ### JQuery实现实时字数录入提醒的关键点 #### 1. 初始化JQuery 首先...

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

    在本文中,我们将深入探讨如何使用AngularJS框架来实现一个textarea文本输入的字数限制功能。AngularJS,作为一款强大的前端开发框架,以其双向数据绑定和丰富的指令系统著称,可以方便地帮助开发者构建功能丰富的...

    jquery实现textarea输入框限制字数的方法

    本文实例讲述了jquery实现textarea输入框限制字数的方法。分享给大家供大家参考。具体分析如下: 网上有使用属性 disabled 来实现,这个不好,想修改都没有修改。当然,这个也不是很完美。 代码如下:&lt;html&gt; &...

    jQuery实现新浪微博回复字数限制

    本教程将探讨如何利用jQuery来实现新浪微博的回复字数限制功能,这在许多社交媒体和论坛应用中都非常常见。 首先,我们需要理解目标是限制用户在输入框中输入的字符数不超过微博平台规定的最大值,例如,新浪微博...

    jQuery编写textarea输入字数限制代码

    在介绍jQuery如何实现textarea输入字数限制之前,我们首先要了解jQuery的基础知识和textarea的HTML属性。jQuery是一个快速、小巧、功能丰富的JavaScript库。它简化了HTML文档遍历、事件处理、动画和Ajax交互,极大地...

    js实现textarea限制输入字数

    通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为10个字(汉字或其他小角字符): ...

    jquery实现限制textarea输入字数的方法

    jquery怎么实现限制textarea输入的字数呢?有需要的朋友可以参考一下我写的例子,当然如果有误,也希望大家能及时指出来,大家共同学习进步。 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta ...

    JQuery实现textarea行自增减.rar

    3. `.on('input', function() {...})` 添加了一个事件监听器,监听textarea的输入事件。 4. 在事件处理函数内,`$(this).val().split('\n').length` 计算textarea内容中换行符的数量,从而得到行数。 5. `$(this)....

Global site tag (gtag.js) - Google Analytics