`
fuhao200866
  • 浏览: 78452 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

基于jQuery的140字输入限制

阅读更多
一个基于jQuery的文字输入限制。
html:
<p>还可以输入 <span id="remLen"></span> 个字</p>
<textarea name="content" id="status" class="textarea">#今日最给力话题#</textarea>

javascript:
<script type="text/javascript">
$(function(){
var max_len = 140;
$("#remLen").text(max_len - $("#status").val().length);
$("#status").bind('change ' + ($.browser.msie ? "propertychange" : "input"), function(event){
		var val = $.trim($(this).val()), len = val.length;
		if(len > max_len)
		{
			$(this).val(val.substr(0, max_len));
		}
		else
		{
			$("#remLen").text(max_len - len);
		}
	});
})
</script>


分享到:
评论

相关推荐

    Jquery数字输入插件,淘宝商品数量输入插件、

    本主题涉及的是一个基于jQuery的特定插件,即用于数字输入的插件,通常用于电商网站的商品数量选择,如淘宝上的商品数量加减功能。这个插件可能被称为"key.number",它为用户提供了友好的交互体验,使得用户可以方便...

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

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

    jQuery输入文字弹幕显示动画特效.zip

    《jQuery输入文字弹幕显示动画特效》是一款基于JavaScript库jQuery实现的创新互动特效,它允许用户在限定的10个字符内输入个性化文字,并以弹幕形式动态展示出来,为网页增添趣味性和交互性。这一特效尤其适用于社交...

    基于jQuery+bootstrap的评论回复代码

    确保处理用户的输入验证,如非空检查和长度限制。 - **实时加载评论**:可以使用jQuery的`.load()`或`$.get()`方法,结合Ajax实现评论的实时加载,提高用户体验。 4. **回复的嵌套**:为了展示回复的层次关系,...

    jQuery移动端手机键盘输入车牌号代码.zip

    2. 输入限制:根据不同国家或地区的车牌号格式,可能只允许特定字符或长度的输入。 3. 键盘事件监听:监听用户的点击事件,更新输入框内容,并验证输入是否合法。 4. 动态反馈:在用户输入过程中,即时展示错误提示...

    jquery.maskedinput 自定义输入格式,金额,时间,秒,毫秒控件

    为了提高输入数据的规范性和易用性,开发者常会采用各种输入控件来限制或指导用户的输入格式。jQuery Masked Input插件就是这样一个工具,它允许开发者为文本输入框设定特定的格式,如金额、时间、秒和毫秒等,使得...

    基于jquery的表单验证框架

    **基于jQuery的表单验证框架** 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而防止错误数据的提交,提高用户体验并保护服务器资源。jQuery是一个轻量级、高性能的JavaScript...

    JQuery插件 IP地址输入框

    1. **引入jQuery库**:首先需要在HTML文档中引入jQuery库,因为这个插件是基于jQuery的。 2. **下载插件**:从提供的压缩包`jQuery-ip-input`中获取插件的JavaScript和CSS文件。 3. **链接文件**:将下载的...

    jquery的搜索框输入提示

    这个"基于jquery的搜索框输入提示"示例是一个基本的实现,实际项目中可能需要考虑更多细节,比如性能优化(例如使用debounce或throttle函数限制输入事件的频率),异步请求的错误处理,以及更复杂的匹配算法(如模糊...

    vcol资源基于jquery

    VCol资源基于jQuery,是一种强大的前端开发工具,尤其在处理数据展示、用户交互以及表单管理方面表现出色。VCol框架结合了验证框架和表单框架的功能,为开发者提供了高效且易于理解的代码结构,有助于提升项目的开发...

    jQuery手机移动端数字密码输入框特效

    同时,可以设置输入限制,如最大输入长度、输入错误提示等。 3. **输入框视觉效果**:为了增强用户体验,输入框可以设计成圆形或方形,并带有视觉反馈,如数字输入后的动画效果,或者用户触摸输入框时的高亮显示。...

    jQuery自定义标签输入插件Tagator

    Tagator插件的实现基于jQuery,它主要包含以下几个关键功能: 1. **实时建议**:当用户在输入框中键入内容时,插件会提供与已输入内容匹配的建议标签,这通常通过Ajax请求从服务器获取数据。这提高了输入效率,减少...

    jquery 车牌号输入键盘

    【jQuery车牌号输入键盘】是一种基于jQuery库的特殊键盘组件,设计用于在移动设备或网页上输入车牌号码。这个功能的出现主要是为了优化用户在触摸屏设备上的输入体验,尤其是在汽车销售、车辆管理或者交通相关的在线...

    jQuery input文本框文字输入放大显示特效源码.zip

    字体大小是基于输入长度的两倍,但最大不超过50像素。最后,通过fadeIn方法淡入显示预览区域。 4. **优化与注意事项**:为了让效果更佳,我们还可以添加一些优化,如设置输入框的最大长度限制,防止过多的文字导致...

    基于jquery 的图形验证

    "基于jQuery的图形验证"是一个利用JavaScript库jQuery实现的图形验证码解决方案。jQuery是前端开发中常用的库,它简化了DOM操作、事件处理和动画效果。 1. **jQuery基础知识**: jQuery是一个轻量级的JavaScript库...

    基于jquery的密码强度检测

    基于jQuery的密码强度检测是一种常见的实现方式,它能够实时地评估用户输入的密码强度,并通过视觉反馈告知用户密码的安全级别。本教程将深入探讨如何利用jQuery实现这一功能。 首先,我们需要了解密码强度检测的...

    jQuery数字加减插件-数字加减框

    jQuery UI是一个基于jQuery的库,提供了许多可自定义的交互组件,如拖放、日期选择器和滑块等。在"jqueryui.html"文件中,可能会演示如何将数字加减插件与jQuery UI的样式和功能整合。jQuery UI的可定制主题和丰富的...

    基于jQuery的多图上传预览代码

    基于jQuery实现的多图上传预览代码能够帮助开发者轻松地在用户选择图片后立即显示预览效果,同时提供删除选项,提高了交互性。下面我们将详细探讨这个主题涉及的JavaScript、jQuery和ECMAScript相关知识。 首先,...

    jQuery微信支付输入密码代码.zip

    这个解决方案主要基于jQuery库,一个广泛使用的JavaScript库,用于简化DOM操作、事件处理和动画效果。 在实际应用中,微信支付通常涉及到以下几个关键知识点: 1. **微信支付API**:微信提供了官方的支付接口...

    基于jQuery的双日历插件pickerDateRange修改版

    总结起来,基于jQuery的双日历插件pickerDateRange修改版是一个强大且易用的工具,尤其适合需要用户输入日期范围的场景。其良好的浏览器兼容性和丰富的配置选项,使得它成为开发者在实际项目中实现日期选择功能的...

Global site tag (gtag.js) - Google Analytics