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 相关文章推荐
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
Mar 25 Javascript
jquery动态改变form属性提交表单
Jun 03 Javascript
字符串反转_JavaScript
Apr 28 Javascript
Three.js学习之几何形状
Aug 01 Javascript
原生js实现无缝轮播图效果
Jan 11 Javascript
jQuery DateTimePicker 日期和时间插件示例
Jan 22 Javascript
原生js实现轮播图的示例代码
Feb 20 Javascript
详解Javascript获取缓存和清除缓存API
May 25 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
Oct 17 Javascript
详解webpack编译速度提升之DllPlugin
Feb 05 Javascript
JavaScript进阶(一)变量声明提升实例分析
May 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
全国FM电台频率大全 - 1 北京市
2020/03/11 无线电
php学习笔记 类的声明与对象实例化
2011/06/13 PHP
phpmail类发送邮件函数代码
2012/02/20 PHP
PHP中array_slice函数用法实例详解
2014/11/25 PHP
php使用Jpgraph绘制饼状图的方法
2015/06/10 PHP
php使用CURL模拟GET与POST向微信接口提交及获取数据的方法
2016/09/23 PHP
JS的反射问题
2010/04/07 Javascript
JQuery实现的在新窗口打开链接的方法小结
2010/04/22 Javascript
由JavaScript技术实现的web小游戏(不含网游)
2010/06/12 Javascript
js下关于onmouseout、事件冒泡的问题经验小结
2010/12/09 Javascript
JQuery.ajax传递中文参数的解决方法 推荐
2011/03/28 Javascript
获取数组中最大最小值方法js代码(自写)
2013/08/12 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
2014/11/06 Javascript
jQuery表单美化插件jqTransform使用详解
2015/04/12 Javascript
Node.Js中实现端口重用原理详解
2018/05/03 Javascript
对node.js中render和send的用法详解
2018/05/14 Javascript
jQuery时间戳和日期相互转换操作示例
2018/12/07 jQuery
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
2019/03/19 Javascript
iSlider手机端图片滑动切换插件使用详解
2019/12/24 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
2020/06/24 Javascript
打开电脑上的QQ的python代码
2013/02/10 Python
深入解析Python中的WSGI接口
2015/05/11 Python
Python函数可变参数定义及其参数传递方式实例详解
2015/05/25 Python
python装饰器的特性原理详解
2019/12/25 Python
Python 如何实现数据库表结构同步
2020/09/29 Python
详解h5页面在不同ios设备上的问题总结
2019/03/01 HTML / CSS
惠普美国官方商店:HP Official Store
2016/08/28 全球购物
使用C#编写创建一个线程的代码
2013/01/22 面试题
GWT都有什么特性
2016/12/02 面试题
中学教师请假制度
2014/02/03 职场文书
小学生教师节演讲稿
2014/09/03 职场文书
2014公司党员自我评价范文
2014/09/11 职场文书
2014年教育教学工作总结
2014/11/13 职场文书
怎样写辞职信
2015/02/27 职场文书
实习班主任自我评价
2015/03/11 职场文书
mysql查找连续出现n次以上的数字
2022/05/11 MySQL