关于textArea的一些琐事

textArea的字符数限制输入在IE老大哥面前表现很无力啊。

没有关系，js能够帮助我们解决问题。

现在看看问题一：限制特定内容的输入

为了给各位看官省时省心，最高效最方便就是采用正则：

以禁止特殊字符输入为例：

var NONE_ASCII_CHARS = /[^ \t-~]/g;if (NONE_ASCII_CHARS.test(valueSp)) {alert('Please remove any special characters or symbols.')}

valueSp定义为textarea的值内容。将事件确定为keydown 和keyup两项时发生。其它情况，各位自己更改正则规则。

问题二：限制输入内容的字符数

我们可以定义一个checkLength的方法，

var checkLength = function(control, length) {if (control != null && control != 'undefined') {var area = $(control);if (area.val().length > length) {//handle paste            area.val(area.val().slice(0, length));            alert("Please input less than " + length + " characters.");return false;        }    }return true;}

在textArea里的属性中加入 οnchange="return checkLength(this, 450)" οnkeyup="return checkLength(this, 450)"

代码如下：

<textarea type="text" wrap="virtual" onchange="return checkLength(this, 450)" onkeyup="return checkLength(this, 450)"></textarea>

this为目标对象，450为字符数。

这样一来，textarea的问题就能轻松解决了。

转载于:https://www.cnblogs.com/santiago1983/archive/2012/01/31/textarea.html

关于textArea的一些琐事相关推荐

【kindeditor】KindEditor获取多个textarea文本框的值并判断非空
kindeditor官网:http://kindeditor.net/demo.php 如何获取多个KindEditor中textarea文本框的值,方式很多种(带有HTML标签). var intr ...
html的子页面获取自己url,如何从html页面获取url参数并将其显示在textarea中？
我用下面的在我的HTML页面的JavaScript功能,我想没有textarea的任何连接操作正常显示参数....如何从html页面获取url参数并将其显示在textarea中? function g ...
div模拟textarea文本域轻松实现高度自适应——张鑫旭
by zhangxinxu from http://www.zhangxinxu.com 本文地址: http://www.zhangxinxu.com/wordpress/?p=1362 一.关于t ...
将文本随意插入网页表单的 textarea
原作者:我佛山人出处:5D多媒体在网页表单的<textarea>中,我们有时候需要将文本插入到光标所在的地方,或是替换掉选区内的文字.这时候,用普通的.value+="tex ...
vue下实现textarea类似密码框的功能之探索input输入框keyup，keydown，input事件的触发顺序...
项目中引入element的input框组件,触发事件必须要加上.native <el-input placeholder="请输入" type="textarea& ...
css实现 textarea 高度自适应
此textarea非彼textarea ,有经验的老司机们应该知道html标签contenteditable这个属性. 利用此属性使当前的标签成为可以输入的状态,等同于输入框. 演示地址:https: ...
textarea输入框限制字数（JS）
第一种: <textarea οnkeyup="checkLen(this)"></textarea> <div>您还可以输入 <span ...
表单标签form、label、input、textarea、select
表单的介绍表单用于搜集不同类型的用户输入(用户输入的数据),然后可以把用户数据提交到web服务器 . 表单相关标签的使用 <form>标签表示表单标签,定义整体的表单区域 <la ...
让textarea完全显示文章并且不滚动、不可拖拽、不可编辑
textarea { width: 100%; border: none; outline: none; resize: none; overflow: hidden; padding-bottom: ...

关于textArea的一些琐事

关于textArea的一些琐事相关推荐

最新文章

热门文章