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 相关文章推荐
在线游戏大家来找茬II
Sep 30 Javascript
Prototype Number对象 学习
Jul 19 Javascript
JavaScript中用于生成随机数的Math.random()方法
Jun 15 Javascript
在Node.js中使用HTTP上传文件的方法
Jun 23 Javascript
JavaScript简单实现鼠标移动切换图片的方法
Feb 23 Javascript
jQuery Ajax使用FormData对象上传文件的方法
Sep 07 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
Javascript中从学习bind到实现bind的过程
Jan 05 Javascript
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
Vue中常用rules校验规则(实例代码)
Nov 14 Javascript
Vue组件化开发之通用型弹出框的实现
Feb 28 Javascript
js 函数性能比较方法
Aug 24 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语法速查表
2007/01/02 PHP
PHP_MySQL教程-第一天
2007/03/18 PHP
《PHP编程最快明白》第三讲:php数组
2010/11/01 PHP
PHP学习笔记之二 php入门知识
2011/01/12 PHP
php数字转汉字代码(算法)
2011/10/08 PHP
php函数array_merge用法一例(合并同类数组)
2013/02/03 PHP
PHP中include/require/include_once/require_once使用心得
2016/08/28 PHP
PHP脚本自动识别验证码查询汽车违章
2016/12/20 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
彻底搞懂JS无缝滚动代码
2007/01/03 Javascript
Javascript公共脚本库系列(一): 弹出层脚本
2011/02/24 Javascript
代码触发js事件(click、change)示例应用
2013/12/13 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
2014/06/24 Javascript
点击button获取text内容并改变样式的js实现
2014/09/09 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
2014/11/03 Javascript
JS在可编辑的div中的光标位置插入内容的方法
2014/11/20 Javascript
Bootstrap CSS布局之图像
2016/12/17 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
2017/02/19 Javascript
PHP实现本地图片上传和验证功能
2017/02/27 Javascript
@ResponseBody 和 @RequestBody 注解的区别
2017/03/08 Javascript
如何在Node和浏览器控制台中打印彩色文字
2020/01/09 Javascript
pycharm 使用心得(二)设置字体大小
2014/06/05 Python
使用Python的Scrapy框架十分钟爬取美女图
2016/12/26 Python
python文件名和文件路径操作实例
2017/09/29 Python
Python使用装饰器进行django开发实例代码
2018/02/06 Python
python实现五子棋小游戏
2020/03/25 Python
python判断自身是否正在运行的方法
2019/08/08 Python
在pycharm中配置Anaconda以及pip源配置详解
2019/09/09 Python
FC-Moto西班牙:摩托车手最大的购物场所之一
2019/04/11 全球购物
药剂专业学生求职信范文
2013/12/28 职场文书
会议邀请函
2015/01/30 职场文书
法人身份证明书
2015/06/18 职场文书
婚宴祝酒词大全
2015/08/10 职场文书
2016年百日安全生产活动总结
2016/04/06 职场文书
公司年会主持词范文!
2019/05/07 职场文书
Tomcat starup.bat 脚本实现开机自启动
2022/04/20 Servers