javascript使用正则控制input输入框允许输入的值方法大全


Posted in Javascript onJune 19, 2014

1、只允许输入数字

<input name="username" type="text" onkeyup="value=this.value.replace(/\D+/g,'')">

2、只允许输入英文字母、数字和下划线(以下二种方法实现)

<input name="username" type="text" style="ime-mode:disabled">
<input name="username" type="text" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

3、只允许输入英文字母、数字和=@#

<input name="username" type="text" onkeyup="value=value.replace(/[^\w=@#]|_/ig,'')">

4、只允许输入英文大写字母和数字

<input name="name" type="text" value="只录入大写字母和数字" style="color:gray" onfocus="this.value='';this.style.color='black'" onkeyup="this.value=this.value.replace(/[^A-Z0-9]/gi,'');this.value=this.value.toLocaleUpperCase();

5、只允许输入汉字

<input name="username" type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

【过滤文字输入】

TextField.restrict = "此处为可输入的内容";
field.restrict = "^此处为禁止输入的内容";

restrict属性支持一些类似正则表达式的样式:

field.restrict = "a-zA-z"; //只允许大小字母
field.restrict = "a-zA-z "; //只允许字母和空格
field.restrict = "0-9"; //只允许数字
field.restrict = "^abcdefg"; //除了小写字母abcdefg不允许外,其它都允许
field.restrict = "^a-z"; //所有小写字母都不允许,但是,其它内容都允许,包括大写字母
field.restrict = "0-9^5"; //只允许数字,但5例外

让restrict字符包含具有特殊意义的字母(例如-和^):

field.restrict = "0-9\\-"; //允许数字和破折号
field.restrict = "0-9\\^"; //允许数字和^
field.restrict = "0-9\\\\"; //允许数字和反斜杠

你也可以使用Unicode转义序列,指定允许的内容.例如:

field.restrict = "^\u001A";

注意:ActionScript有区分大小写的,如果restrict属性设为abc,允许字母的大写形式(A,B和C)输入时会变成小写对待形式(a,b和c),反之亦然.restrict属性只影响用户可以输入的内容,脚本可将任何文本放入文本字段中.

Javascript 相关文章推荐
JavaScript打字小游戏代码
Dec 26 Javascript
js中arguments的用法(实例讲解)
Nov 30 Javascript
zepto.js中tap事件阻止冒泡的实现方法
Feb 12 Javascript
javascript顺序加载图片的方法
Jul 18 Javascript
javascript-解决mongoose数据查询的异步操作
Dec 22 Javascript
javascript常用的设计模式
Feb 09 Javascript
移动端网页开发调试神器Eruda的介绍与使用技巧
Oct 30 Javascript
vue脚手架及vue-router基本使用
Apr 09 Javascript
实例分析编写vue组件方法
Feb 12 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
May 26 Javascript
javascript中的this作用域详解
Jul 15 Javascript
小程序自动化测试的示例代码
Aug 11 Javascript
java和javascript获取word文档的书签位置对比
Jun 19 #Javascript
js调试系列 断点与动态调试[基础篇]
Jun 18 #Javascript
jquery+css3打造一款ajax分页插件(自写)
Jun 18 #Javascript
在JavaScript中判断整型的N种方法示例介绍
Jun 18 #Javascript
input标签内容改变的触发事件介绍
Jun 18 #Javascript
jQuery控制TR显示隐藏的几种方法
Jun 18 #Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 #Javascript
You might like
PHP出错界面
2006/10/09 PHP
PHP 无限分类三种方式 非函数的递归调用!
2011/08/26 PHP
解析PHP中$_FILES的使用以及注意事项
2013/07/05 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
PHP之将POST数据转化为字符串的实现代码
2016/11/03 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
Jquery实现图片放大镜效果的思路及代码(自写)
2013/10/18 Javascript
javascript获取url上某个参数的方法
2013/11/08 Javascript
Jquery操作radio的简单实例
2014/01/06 Javascript
jQuery截取指定长度字符串代码
2014/08/21 Javascript
Nodejs关于gzip/deflate压缩详解
2015/03/04 NodeJs
js实现延迟加载的方法
2015/06/24 Javascript
JavaScript仿静态分页实现方法
2015/08/04 Javascript
JS实现的手机端精简幻灯片效果
2016/09/05 Javascript
js滚轮事件兼容性问题需要注意哪些
2016/11/15 Javascript
深入理解Node.js中通用基础设计模式
2017/09/19 Javascript
Nodejs+angularjs结合multiparty实现多图片上传的示例代码
2017/09/29 NodeJs
Angular2整合其他插件的方法
2018/01/20 Javascript
es6新特性之 class 基本用法解析
2018/05/05 Javascript
JavaScript继承与聚合实例详解
2019/01/22 Javascript
jquery实现点击弹出对话框
2020/02/08 jQuery
Python中logging模块的用法实例
2014/09/29 Python
python实现的简单窗口倒计时界面实例
2015/05/05 Python
python网络爬虫之如何伪装逃过反爬虫程序的方法
2017/11/23 Python
Python使用爬虫爬取静态网页图片的方法详解
2018/06/05 Python
在python中bool函数的取值方法
2018/11/01 Python
Python使用while循环花式打印乘法表
2019/01/28 Python
Python3.7 dataclass使用指南小结
2019/02/22 Python
将matplotlib绘图嵌入pyqt的方法示例
2020/01/08 Python
python中的 zip函数详解及用法举例
2020/02/16 Python
Python中使用filter过滤列表的一个小技巧分享
2020/05/02 Python
HelloFresh奥地利:立即订购烹饪盒
2019/02/22 全球购物
四十年同学聚会致辞
2015/07/28 职场文书
《乌鸦喝水》教学反思
2016/02/19 职场文书
个人向公司借款协议书
2016/03/19 职场文书
mysql全面解析json/数组
2022/07/07 MySQL