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 相关文章推荐
弹出广告特效(一个IP只弹出一次)的代码
Jul 27 Javascript
文件编码导致jquery失效的解决方法
Jun 26 Javascript
在页面中输出当前客户端时间javascript实例代码
Mar 02 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
Mar 05 Javascript
AngularJS入门教程之迭代器过滤详解
Aug 18 Javascript
js实现页面刷新滚动条位置不变
Nov 27 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
Jan 20 Javascript
jquery代码规范让代码越来越好看
Feb 03 Javascript
js获取元素下的第一级子元素的方法(推荐)
Mar 05 Javascript
js, jQuery实现全选、反选功能
Mar 08 Javascript
使用3D引擎threeJS实现星空粒子移动效果
Sep 13 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
Aug 15 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程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
php park、unpark、ord 函数使用方法(二进制流接口应用实例)
2010/10/19 PHP
php构造函数实例讲解
2013/11/13 PHP
学习php设计模式 php实现策略模式(strategy)
2015/12/07 PHP
Yii数据库缓存实例分析
2016/03/29 PHP
ThinkPHP发送邮件示例代码
2016/10/08 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
用js实现的一个Flash滚动轮换显示图片代码生成器
2007/03/14 Javascript
JavaScript中for..in循环陷阱介绍
2013/11/12 Javascript
Script标签与访问HTML页面详解
2014/01/10 Javascript
javascript/jquery获取地址栏url参数的方法
2014/03/05 Javascript
jQuery实现表格元素动态创建功能
2017/01/09 Javascript
ES6解构赋值实例详解
2017/10/31 Javascript
electron实现qq快捷登录的方法示例
2018/10/22 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
2020/10/24 Javascript
Vue使用Element实现增删改查+打包的步骤
2020/11/25 Vue.js
[01:39:04]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第二场 2月1日
2021/03/11 DOTA
Python模拟登录12306的方法
2014/12/30 Python
在Python中使用next()方法操作文件的教程
2015/05/24 Python
Python中asyncore异步模块的用法及实现httpclient的实例
2016/06/28 Python
Python实现PS滤镜中马赛克效果示例
2018/01/20 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
使用python求解二次规划的问题
2020/02/29 Python
Python接口测试结果集实现封装比较
2020/05/01 Python
python 实现学生信息管理系统的示例
2020/11/28 Python
HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题
2012/12/13 HTML / CSS
Html5 canvas画图白板踩坑
2020/06/01 HTML / CSS
英国最大的在线时尚眼镜店:Eyewearbrands
2019/03/12 全球购物
旅游管理专业个人求职信范文
2013/12/24 职场文书
银行营业厅大堂经理岗位职责
2014/01/06 职场文书
保密工作实施方案
2014/02/24 职场文书
银行服务感言
2014/03/01 职场文书
《观舞记》教学反思
2014/04/16 职场文书
党校学习心得体会范文
2014/09/09 职场文书
悬空寺导游词
2015/02/05 职场文书
JS如何使用剪贴板操作Clipboard API
2021/05/17 Javascript