`

限制textarea字数

ChromeIEFirefoxHTML 
阅读更多 
<html>
	<head>
		<script src='jquery-1.3.2.js'></script>
		<script>
			$(function(){
				$('textarea').keypress(function(e){
					if(this.value.length >= 5)
						e.preventDefault();
				});
			})
		</script>
	</head>
	<body>
		<textarea></textarea>
	</body>
</html>

在ie和chrome里正常，firefox里有点问题：输完第5个字符之后，所有键失效，连光标移动键、退格键和删除键都不能用，另外写这么多判断感觉比较麻烦。参考了一下饭否，解决办法是输入的时候实时显示数字，提交的时候做个判断。
分享到：
| return false相当于preventDefault + stopP ...
评论
2 楼 yuan 2009-06-14  
Hooopo 写道

貌似input的maxlength属性管用，textarea的maxlength不管用

查了一下手册，textarea没有maxlength属性。
1 楼 Hooopo 2009-06-13  
貌似input的maxlength属性管用，textarea的maxlength不管用
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    限制textarea输入字数 #charCount { display: inline-block; margin-left: 5px; } &lt;textarea id="inputText" rows="4" cols="50" maxlength="100"&gt;&lt;/textarea&gt; &lt;span id="charCount"&gt;0/100 var ...

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

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

    利用Angular.js限制textarea输入的字数

    大家可能都遇到过在输入的时候做出限制的需求，本文介绍的是通过Angular.js限制textarea输入字数的方法，有需要的朋友们可以参考以下实例。 实例代码如下 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta ...

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

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

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

    要限制textarea的输入字数，我们首先要获取textarea元素。在HTML中，我们可以创建一个textarea并为其设置一个ID，如`id="myTextarea"`。然后，我们可以在jQuery的选择器中使用这个ID来选择这个元素： ```html ...

    js实现textarea限制输入字数

    首先，我们来讨论限制textarea字数的原理。当用户在textarea中输入文字时，通过JavaScript可以监听键盘事件，如keydown、keyup或keypress，以此来监控用户的输入行为。当输入的字符总数达到预设的限制时，通过脚本...

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

    本文将深入探讨如何使用JavaScript来实现对`&lt;textarea&gt;`的字数限制。 首先，我们需要了解JavaScript的基本语法和DOM操作。JavaScript是一种解释型、弱类型的脚本语言，广泛应用于网页和浏览器交互。通过DOM...

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

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

    javascript textarea字数限制

    textarea字数限制 练习代码多有参考网络 by ahuinan [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 下面的这段代码，直接计算文档的长度 input 字数限制 [Ctrl+A 全选 注:如需引入外部Js需刷新才能...

    textarea剩余字数

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

    Textarea限制输入文本长度

    ### Textarea限制输入文本长度的知识点 #### 一、前言 在Web开发过程中，为了提升用户体验并确保数据的有效性和安全性，对用户输入的数据进行适当的限制是非常必要的。特别是在表单填写场景下，如评论框、留言区等...

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

    总的来说，这个压缩包提供了实现textarea字数限制和实时反馈的简单但实用的解决方案。开发者可以通过修改JavaScript代码中的最大字符数变量，以及调整CSS样式，以适应各自项目的界面和功能需求。这个功能不仅提高了...

    统计字数的textarea

    标题“统计字数的textarea”涉及的是网页开发中一个常见的需求，即在用户输入文本的textarea元素中实时显示或限制字数。这个功能在许多Web应用中都有应用，例如在线编辑器、评论系统或者表单填写等。在这个场景下，...

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

    总结来看，这段代码向我们展示了如何使用jQuery来实现一个功能完备的textarea字数限制功能，包括对不同浏览器的兼容性处理、中文字符长度的特殊处理以及超出字数时的截断逻辑。这对于前端开发者而言是实际项目开发中...

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

    《jQuery插件charCount：实现textarea字数统计的探索与实践》 在现代网页开发中，用户交互体验的提升已经成为了一项重要的设计考量。尤其是在社交媒体和博客平台，限制输入字符数的功能，如Twitter的280字符限制和...

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

    为了提供更好的用户体验，尤其是当需要限制用户输入的字数时，一个效果超酷的`textarea`字数限制提示可以极大地提升界面的交互性和专业性。本文将深入探讨如何通过CSS美化`textarea`，并实现动态的字数限制功能。 ...

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

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

Magicbox
Global site tag (gtag.js) - Google Analytics