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 22 Javascript
javascript编程起步(第二课)
Feb 27 Javascript
jquery tools系列 expose 学习
Sep 06 Javascript
JavaScript限定复选框的选择个数示例代码
Aug 25 Javascript
js有序数组的连接问题
Oct 01 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 Javascript
js仿小米手机上下滑动效果
Feb 05 Javascript
js+html制作简单日历的方法
Jun 27 Javascript
详解使用Typescript开发node.js项目(简单的环境配置)
Oct 09 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
Mar 06 Javascript
解决layui的radio属性或别的属性没显示出来的问题
Sep 26 Javascript
使用JS监听键盘按下事件(keydown event)
Nov 07 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中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
php实现无限级分类
2014/12/24 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
PHP 文件上传限制问题
2019/09/01 PHP
javascript数组去掉重复
2011/05/12 Javascript
JavaScript动态创建div属性和样式示例代码
2013/10/09 Javascript
js简单实现删除记录时的提示效果
2013/12/05 Javascript
jquery制作漂亮的弹出层提示消息特效
2014/12/23 Javascript
jQuery获取URL请求参数的方法
2015/07/18 Javascript
Bootstrap入门书籍之(三)栅格系统
2016/02/17 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
2016/02/20 Javascript
jQuery Ajax请求后台数据并在前台接收
2016/12/10 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
2018/01/31 Javascript
11行JS代码制作二维码生成功能
2018/03/09 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
2019/04/25 Javascript
node 版本切换的实现
2020/02/02 Javascript
原生JS实现萤火虫效果
2020/03/07 Javascript
Vue+Openlayers自定义轨迹动画
2020/09/24 Javascript
Python操作Mysql实例代码教程在线版(查询手册)
2013/02/18 Python
Python numpy 常用函数总结
2017/12/07 Python
执行Django数据迁移时报 1091错误及解决方法
2019/10/14 Python
Python selenium自动化测试模型图解
2020/04/15 Python
美国领先的奢侈美容零售商:Bluemercury
2017/07/26 全球购物
DOUGLAS荷兰:购买香水和化妆品
2020/10/24 全球购物
枚举与#define宏的区别
2014/04/30 面试题
Linux操作面试题
2012/05/16 面试题
工作自我评价分享
2013/12/01 职场文书
大学毕业感言一句话
2014/02/06 职场文书
物理教学随笔感言
2014/02/22 职场文书
金融事务专业求职信
2014/04/25 职场文书
2015年新学期寄语
2015/02/26 职场文书
教师求职自荐信范文
2015/03/04 职场文书
个人党性分析总结
2015/03/05 职场文书
django上传文件的三种方式
2021/04/29 Python
MySQL示例讲解数据库约束以及表的设计
2022/06/16 MySQL