`

实现textarea的字数控制

 
阅读更多
function checkLength(){
    var curLength = $a("roomDesc").value.length;
    if (curLength>100){
    	$a("roomDesc").value = $a("roomDesc").value.substr(0,100);
        curLength = 100;
    }
    $a("noticeSpan").innerHTML = 100-$a("roomDesc").value.length;
}
function $a(id){
 return document.getElementById(id);
}
window.onload = function(){
 if(/msie/i.test(navigator.userAgent)){  //ie 浏览器
	 $a("roomDesc").onpropertychange = checkLength;
 } else {
	 $a("roomDesc").addEventListener("input",checkLength,false);
 }
}

   html 代码

 

还可以输入<span id="noticeSpan">100</span>字

 

 

 

分享到:
评论

相关推荐

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

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

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

    本文将深入探讨如何实现对`textarea`文本长度的控制,并实时显示输入字数的统计。 首先,我们可以使用JavaScript来实现这一功能。JavaScript是一种广泛使用的客户端脚本语言,可以在用户与网页交互时执行,提供动态...

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

    在IT领域,特别是前端开发中,使用...通过上述分析与代码实现,我们不仅能够理解JQuery如何实现textarea的字数录入提醒功能,还深入学习了JQuery的基本用法以及事件处理机制,这对于前端开发者来说是极其宝贵的经验。

    textarea剩余字数

    通过jQuery或其他JavaScript库,可以实现更多高级功能,如自动完成、字数统计、自动调整高度等。例如,使用jQuery插件`autosize`可以自动调整`textarea`的高度以适应内容: ```javascript $('textarea').autosize()...

    js实现textarea限制输入字数

    接下来,我们详细分析如何通过JavaScript代码实现textarea字数限制的不同方法。 第一种方法是通过keydown事件,当输入字符达到限制时,利用event.returnValue阻止输入: ```javascript window.onload=function() {...

    效果超酷的textarea的输入字数限提示.rar

    "效果超酷的textarea的输入字数限提示"是一个针对HTML `&lt;textarea&gt;` 元素的JS特效,它能提升用户在填写表单时的体验,通过实时显示剩余可输入字数,帮助用户更好地控制他们的输入内容。本文将深入探讨这个功能的实现...

    JS控制文本框textarea输入字数限制的方法

    从以上描述中,可以看出实现textarea文本域字数限制的方法是基于JavaScript对事件的监听,以及对DOM元素的动态操作。通过合理使用HTML事件属性,可以实现对用户输入的即时反馈和控制。 另外,需要注意的是,虽然此...

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

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

    textarea.7z

    在`jQuery`(JQ)这个流行的JavaScript库的帮助下,我们可以方便地实现`textarea`的字数限制功能。`jQuery`提供了强大的选择器、事件处理和DOM操作功能,使得开发者能更高效地操作DOM元素,从而实现复杂的功能,比如...

    JavaScript中统计Textarea字数并提示还能输入的字符

    总之,通过结合HTML和JavaScript,我们可以轻松实现一个实时的`Textarea`字数统计功能,以提高用户的交互体验。这个功能在限制字符数的应用场景中尤为关键,能帮助用户避免超过限制,提升使用满意度。

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

    总结来说,通过本文介绍的使用jQuery实现textarea输入框限制字数的方法,开发者可以很容易地在他们的网页应用中实现这一功能,从而提高用户体验和满足特定的业务需求。这种方法不仅有效,而且在实时性和交互性方面都...

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

    在本文中,我们将详细了解如何使用JavaScript技术实现textarea文本框中动态显示剩余字数的功能。 ### 知识点一:textarea元素的基本介绍 `&lt;textarea&gt;`元素是一个基于Web的表单控件,可以用于输入多行文本。它通常...

    Textarea输入字数限制实例(兼容iOS&安卓)

    本文将详细介绍如何实现一个兼容iOS和安卓设备的`&lt;textarea&gt;`输入字数限制实例。 首先,我们要明确`&lt;textarea&gt;`是HTML中用于创建多行文本输入的元素,通常用于收集用户的大段文字输入,如评论、反馈或表单中的长...

    jQuery计算textarea中文字数(剩余个数)的小程序

    总的来说,这个示例利用jQuery实现了一个实用的交互功能,能够帮助用户实时监控textarea中的字数,防止超过预设的限制。它结合了DOM操作、事件处理、字符串处理和样式控制,是jQuery实际应用的一个好例子。

    如何实现textarea中获取动态剩余字数的方法

    当然,由于一个页面有好几个textarea,所以使用单个js逻辑进行控制是不行的,得小小的进行封装一下。当然我的封装还有缺漏,但是基本功能是实现了。 首先介绍下单个textarea实现案例 html部分: XML/HTML Code复制...

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

    首先,jQuery实现限制textarea输入字数的基本思路是监听textarea的输入事件,当用户输入内容时,检查当前字符数是否超过了预设的限制。如果超过限制,就截取超出部分的文本,同时更新显示剩余字数的元素。 在给定的...

    Textarea限制输入文本长度

    本文将详细介绍如何通过JavaScript实现对`textarea`输入长度的控制,并探讨其背后的原理与应用场景。 #### 二、核心功能实现 ##### 1. 实现原理 根据提供的代码片段,我们可以看到一个名为`limitLength`的函数,它...

    jQuery实现实时输入字数统计

    在网页设计中,实时输入字数统计是一项常用的功能,它能帮助用户监控并控制他们的输入内容,例如在评论框、表单字段等场景下。jQuery作为一个强大的JavaScript库,提供了丰富的功能来简化这样的任务。本教程将详细...

    jquery实现textarea输入字符控制(仿微博输入控制字符)

    效果图如下: JQUERY 代码: 代码如下: var text=$(“.release textarea”).val();//获取输入框的值 var counter=text.length; //获取输入框的值 $(“#numtj em”).text(500-... if(counter&gt;500){ //如果字数大于500

Global site tag (gtag.js) - Google Analytics