`
Java_大猫
  • 浏览: 173103 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

jquery 判断文本框剩余字数

阅读更多
<script type="text/javascript">
$(function(){
	$("#content").bind({
		 "keyup": function (e) {
			 $("#cl").empty();
			 $("#cl").append(smartLen($(this).val()));
			 checkWords($(this).val());
		 }
	});
});
var urlReg ={
	"urlRegText":"((news|telnet|nttp|file|http|ftp|https)://){1}(([-A-Za-z0-9]+(\\.[-A-Za-z0-9]+)*(\\.[-A-Za-z]{2,5}))|([0-9]{1,3}(\\.[0-9]{1,3}){3}))(:[0-9]*)?(/[-A-Za-z0-9_\\$\\.\\+\\!\\*\\(\\),;:@&=\\?/~\\#\\%]*)*"
};
// 字符串长度
function smartLen(str) {
	str = str.replace(/(^[\s\n]+)|([\s\n]+$)/,"").replace(/[\s\n]+/g," ");
    str = str.replace(new RegExp(urlReg.urlRegText, "gi"), new Array(12).join("aa"));
    return Math.ceil(($.trim(str.replace(/[^\u0000-\u00ff]/g, "aa")).length) / 2);
}
function checkWords(content){
	var len = 140-smartLen(content);
	  if (len < 0) {
        $('#txtLen').html('超出&nbsp;<em style="color:#E56C0A">' + (-len) + '</em>&nbsp;字');
		$("#subbtn").attr("disabled",true);
    } else {
        $('#txtLen').html('还能输入&nbsp;<em>' + len + '</em>&nbsp;字');   
	$("#subbtn").attr("disabled",false);		
    }
}
</script> 
 



    <div class="bgcenter">
	    	<div class="t">
		  
		      <div class="r fr" id="txtLen">还能输入&nbsp;<em>140</em>&nbsp;字</div>
		      <div id="cl"></div>
	    	</div>
		
		    <div class="subform" >
		      <form action='http://share.v.t.qq.com/index.php?c=share&a=submit' method="post" target="_self" id="subform">
		      <textarea style="width: 524px;" id="content" name="content"></textarea>	 
		      </form>
		    <input type="button" id="subbtn" value="分享"  title="转播 (快捷键 Ctrl+Enter))"/>
		    </div>	
    </div>

分享到:
评论

相关推荐

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

    在这个案例中,"jQuery计算文本框可输入字数代码.zip"提供的解决方案是利用`jQuery`来实现这个功能。 首先,我们需要引入`jQuery`库,这里使用的是`jquery-2.2.3.min.js`版本。这是一个压缩和优化过的版本,适用于...

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

    首先,我们来详细了解jQuery文本框字数统计的功能。这个插件能够实现实时计算用户在文本框中输入的字符数,并将统计结果显示给用户。这在某些场景下非常实用,比如社交媒体的评论区、论坛发帖、在线表单填写等,可以...

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

    本资源"jQuery textarea文本框输入文字字数限制提示代码.zip"提供了一种实用的方法,用于限制用户在textarea文本框中输入的字符数,并在达到预设限制时给出提示。下面我们将详细探讨相关的jQuery知识点。 首先,`...

    jQuery计算文本框字数及限制文本框字数的方法

    4. 显示剩余字数:在文本框外部,设置一个提示信息区域,用来实时显示用户还可以输入的字数。通过计算限定字数与已输入字数的差值,然后使用`Math.ceil`方法向上取整(因为要以汉字为单位显示),计算出用户还能输入...

    jQuery 文本文本框输入字符限制插件.

    "jQuery 文本文本框输入字符限制插件"是一个专门针对这种情况设计的解决方案,它模仿了 Twitter 的输入限制功能,为用户提供了一种友好的提示方式,避免了简单地阻止用户输入,而是以一种优雅的方式告知用户剩余可...

    jQuery input文本框限制文字输入计数显示

    本主题聚焦于如何使用jQuery来实现一个功能:在input文本框中限制用户输入的文字数量,并实时显示剩余可输入字符数。这个功能在很多场景下都非常实用,例如评论系统、表单填写等,可以有效地帮助用户控制输入内容的...

    原生js text文本框输入字数限制长度提示

    这段代码首先获取了文本框元素和最大输入字数,然后创建了一个显示剩余字符数的提示元素。当用户在文本框中输入时,`input`事件会触发,计算当前已输入的字符数,并更新提示信息。如果用户输入超过了最大字数,代码...

    基于jQuery的计算文本框字数的代码

    在探讨基于jQuery计算文本框中字数的功能时,首先需要了解该功能的实现目标,即在用户输入文字的同时计算字数,并给出剩余可输入字数的提示。当输入的字数超过设定的最大值后,需要通过一些视觉反馈(如输入框的闪动...

    jQuery计算文本框可输入字数特效代码

    为了提供更好的交互体验,开发者们常常需要实现一些动态的功能,例如实时显示文本框剩余可输入的字数。"jQuery计算文本框可输入字数特效代码"就是这样一个实用的工具,它可以帮助开发者轻松实现这一功能。 jQuery是...

    文本框的字数限制功能jquery插件

    通过添加自定义数据属性和调用插件方法,开发者可以轻松地在项目中实现文本框的字数控制,同时提供友好的用户体验,如实时显示剩余字数。这个插件的灵活性和易用性使得它成为网页开发中限制用户输入的理想选择。

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

    2. 使用jQuery选择textarea和显示剩余字数的元素,并设置初始值: ```javascript var maxChars = 140; $("#remainingChars").text(maxChars + "/140 字符剩余"); ``` 3. 监听textarea的`input`事件,每当用户输入或...

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

    本教程将详细讲解如何使用jQuery实现textarea文本框的文字字数限制及实时提示功能。 首先,我们需要在HTML中创建一个textarea元素,用于用户输入文本,并添加一个用于显示剩余字数的元素。例如: ```html 请输入...

    jQuery文本框字符限制插件-TextArea Counter.pdf

    《jQuery文本框字符限制插件详解》 在网页设计中,常常需要对用户输入的文本进行长度限制,以保持页面的整洁和数据的一致性。jQuery作为一种强大的JavaScript库,提供了丰富的功能来帮助开发者实现这样的需求。本文...

    jQuery文本框输入文字计数显示代码.zip

    "jQuery文本框输入文字计数显示代码.zip" 提供了一个解决方案,帮助开发者创建一个能够实时显示输入字符数的文本框,以此来限制用户的输入长度,提升用户体验,特别是在需要用户填写特定字数限制的表单场景下。...

    jQuery 文本框字符限制插件 Textarea

    本文将重点介绍标题为“jQuery 文本框字符限制插件 Textarea”的相关知识点,该插件主要用于限制用户在textarea文本框中输入的字符数。 在网页设计中,有时我们需要对用户的输入进行控制,例如限制评论长度、留言...

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

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

Global site tag (gtag.js) - Google Analytics