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 相关文章推荐
document.designMode的功能与使用方法介绍
Nov 22 Javascript
jQuery 源码分析笔记(2) 变量列表
May 28 Javascript
JavaScript中:表达式和语句的区别[译]
Sep 17 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
Jun 21 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 Javascript
js实现商城星星评分的效果
Dec 29 Javascript
Js获取图片原始宽高的实现代码
May 17 Javascript
JS实现保留n位小数的四舍五入问题示例
Aug 03 Javascript
jquery延迟对象解析
Oct 26 Javascript
JavaScript 完成注册页面表单校验的实例
Aug 19 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
Dec 28 Javascript
微信小程序实现手势滑动卡片效果
Aug 26 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自定文件保存session的方法
2014/12/10 PHP
如何使用PHP对网站验证码进行破解
2015/09/17 PHP
Yii2 hasOne(), hasMany() 实现三表关联的方法(两种)
2017/02/15 PHP
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
js的回调函数详解
2015/01/05 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
2015/03/11 Javascript
详解AngularJS中的表格使用
2015/06/16 Javascript
JavaScript正则表达式的分组匹配详解
2016/02/13 Javascript
javascript实现dom元素可拖动
2016/03/21 Javascript
JS实现回到页面顶部动画效果的简单实例
2016/05/24 Javascript
浅谈如何实现easyui的datebox格式化
2016/06/12 Javascript
基于jquery实现多选下拉列表
2017/08/02 jQuery
Javascript实现跨域后台设置拦截的方法详解
2017/08/04 Javascript
vue与TypeScript集成配置最简教程(推荐)
2017/10/17 Javascript
Vue的elementUI实现自定义主题方法
2018/02/23 Javascript
如何解决vue2.0下IE浏览器白屏问题
2018/09/13 Javascript
微信小程序控制台提示warning:Now you can provide attr &quot;wx:key&quot; for a &quot;wx:for&quot; to improve performance解决方法
2019/02/21 Javascript
浅谈Vue页面级缓存解决方案feb-alive(上)
2019/04/14 Javascript
微信小程序图片加载失败时替换为默认图片的方法
2019/12/09 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
2020/04/10 Javascript
JavaScript实现手风琴效果
2021/02/18 Javascript
python通过BF算法实现关键词匹配的方法
2015/03/13 Python
Python操作Oracle数据库的简单方法和封装类实例
2018/05/07 Python
python 多进程队列数据处理详解
2019/12/23 Python
keras的load_model实现加载含有参数的自定义模型
2020/06/22 Python
python实现excel公式格式化的示例代码
2020/12/23 Python
Bose美国官网:购买Bose耳机和音箱
2019/03/10 全球购物
俄罗斯最大的在线手表商店:Bestwatch.ru
2020/01/11 全球购物
Python里面如何拷贝一个对象
2014/02/17 面试题
资深生产主管自我评价
2013/09/22 职场文书
师恩难忘教学反思
2014/04/27 职场文书
2015重阳节座谈会主持词
2015/07/30 职场文书
认识实习感想
2015/08/10 职场文书
2016年感恩父亲节活动总结
2016/04/01 职场文书
详解mysql三值逻辑与NULL
2021/05/19 MySQL