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 相关文章推荐
JS常见问题整理(持续更新)
Aug 06 Javascript
document.write()及其输出内容的样式、位置控制
Aug 12 Javascript
js自动生成对象的属性示例代码
Oct 28 Javascript
推荐6款基于jQuery实现图片效果插件
Dec 07 Javascript
javascript实现随机读取数组的方法
Aug 03 Javascript
JavaScript 继承详解(六)
Oct 11 Javascript
Bootstrap简单表单显示学习笔记
Nov 15 Javascript
web 屏蔽BackSpace键实例代码
Dec 24 Javascript
Vue.js结合Ueditor富文本编辑器的实例代码
Jul 11 Javascript
JS使用iView的Dropdown实现一个右键菜单
May 06 Javascript
Openlayers3实现车辆轨迹回放功能
Sep 29 Javascript
详解nginx配置vue h5 history去除#号
Nov 09 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 error_log()将错误信息写入一个文件(定义和用法)
2013/10/25 PHP
dedecms函数分享之获取某一栏目所有子栏目
2014/05/19 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
基于php的CMS中展示文章类实例分析
2015/06/18 PHP
php mysqli查询语句返回值类型实例分析
2016/06/29 PHP
php数组遍历类与用法示例
2019/05/24 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
强制设为首页代码
2006/06/19 Javascript
JavaScript 模仿vbs中的 DateAdd() 函数的代码
2007/08/13 Javascript
用JavaScript实现单继承和多继承的简单方法
2009/03/29 Javascript
JQuery DataTable删除行后的页面更新利用Ajax解决
2013/05/17 Javascript
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
JSON 的正确用法探讨:Pyhong、MongoDB、JavaScript与Ajax
2016/05/15 Javascript
jQuery插件pagination实现无刷新分页
2016/05/21 Javascript
js友好的时间返回函数
2016/08/24 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
2017/03/21 Javascript
JS简单验证上传文件类型的方法
2017/04/17 Javascript
vue实现样式之间的切换及vue动态样式的实现方法
2017/12/19 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
python中的函数用法入门教程
2014/09/02 Python
python 实现红包随机生成算法的简单实例
2017/01/04 Python
Python 的类、继承和多态详解
2017/07/16 Python
在Pandas中DataFrame数据合并,连接(concat,merge,join)的实例
2019/01/29 Python
Python之NumPy(axis=0 与axis=1)区分详解
2019/05/27 Python
python使用mitmproxy抓取浏览器请求的方法
2019/07/02 Python
python 根据网易云歌曲的ID 直接下载歌曲的实例
2019/08/24 Python
Python pandas 列转行操作详解(类似hive中explode方法)
2020/05/18 Python
Pycharm中如何关掉python console
2020/10/27 Python
Numpy中的数组搜索中np.where方法详细介绍
2021/01/08 Python
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
研究生毕业自我鉴定范文
2014/03/27 职场文书
法制宣传日活动总结
2014/04/29 职场文书
大学生个人求职信例文
2014/07/07 职场文书
2015年教师业务工作总结
2015/05/26 职场文书
大学生实习证明
2015/06/16 职场文书
2016年小学生寒假总结
2015/10/10 职场文书