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 相关文章推荐
xml和web特殊字符
Apr 28 Javascript
jquery无法设置checkbox选中即没有变成选中状态
Mar 27 Javascript
js实现向右横向滑出的二级菜单效果
Aug 27 Javascript
jQuery on()绑定动态元素出现的问题小结
Feb 19 Javascript
Swiper实现轮播图效果
Jul 03 Javascript
AngularJS 打开新的标签页实现代码
Sep 07 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
Jul 10 Javascript
详解使用jest对vue项目进行单元测试
Sep 07 Javascript
微信小程序如何获取手机验证码
Nov 04 Javascript
利用Angular7开发一个Radio组件的全过程
Jul 11 Javascript
jQuery实现飞机大战小游戏
Jul 05 jQuery
swiper实现导航滚动效果
Dec 13 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 和 MYSQL
2006/10/09 PHP
php smarty截取中文字符乱码问题?gb2312/utf-8
2011/11/07 PHP
解析php如何将日志写进syslog
2013/06/28 PHP
PHP XML Expat解析器知识点总结
2019/02/15 PHP
Yii框架ACF(accessController)简单权限控制操作示例
2019/04/26 PHP
dropdownlist之间的互相联动实现(显示与隐藏)
2009/11/24 Javascript
location.search在客户端获取Url参数的方法
2010/06/08 Javascript
单击按钮显示隐藏子菜单经典案例
2013/01/04 Javascript
JavaScript获取网页、浏览器、屏幕高度和宽度汇总
2014/12/18 Javascript
jQuery的context属性用法实例
2014/12/27 Javascript
JavaScript中检查对象property的存在性方法介绍
2014/12/30 Javascript
JavaScript中实现map功能代码分享
2015/06/11 Javascript
纯JavaScript代码实现文本比较工具
2016/02/17 Javascript
Angularjs中的页面访问权限怎么设置
2016/11/11 Javascript
JavaScript实现图片轮播组件代码示例
2016/11/22 Javascript
基于JavaScript实现右键菜单和拖拽功能
2016/11/28 Javascript
jQuery源码分析之init的详细介绍
2017/02/13 Javascript
Vue2 SSR渲染根据不同页面修改 meta
2017/11/20 Javascript
JavaScript数据结构之双向链表和双向循环链表的实现
2017/11/28 Javascript
vue组件之间通信实例总结(点赞功能)
2018/12/05 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
Vue封装的组件全局注册并引用
2019/07/24 Javascript
vue实现中部导航栏布局功能
2019/07/30 Javascript
python实现超简单端口转发的方法
2015/03/13 Python
python实现人民币大写转换
2018/06/20 Python
详解Python odoo中嵌入html简单的分页功能
2019/05/29 Python
python有序查找算法 二分法实例解析
2020/02/18 Python
PyQt实现计数器的方法示例
2021/01/18 Python
纯css3实现走马灯效果
2014/12/26 HTML / CSS
香蕉共和国工厂店:Banana Republic Factory
2018/06/09 全球购物
IMPORT的选项IGNORE有什么作用?缺省是什么设置?
2015/09/17 面试题
实习教师自我鉴定
2013/09/27 职场文书
幼师自我鉴定
2014/02/01 职场文书
市场部业务员岗位职责
2014/04/02 职场文书
学生请假条格式
2014/04/11 职场文书
2014年仓库工作总结
2014/11/20 职场文书