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 相关文章推荐
JQuery为textarea添加maxlength属性的代码
Apr 07 Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
Jul 03 Javascript
HTML长文本截取含有HTML代码同样适用的两种方法
Jul 31 Javascript
jquery中选择块并改变属性值的方法
Jul 31 Javascript
js 获取页面高度和宽度兼容 ie firefox chrome等
May 14 Javascript
jQuery+ajax实现鼠标单击修改内容的思路
Jun 29 Javascript
jQuery中的pushStack实现原理和应用实例
Feb 03 Javascript
浅谈JavaScript的闭包函数
Dec 08 Javascript
关于vue-router路径计算问题
May 10 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
Jul 19 Javascript
vue项目中mock.js的使用及基本用法
May 22 Javascript
基于Proxy的小程序状态管理实现
Jun 14 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
咖啡店都有些什么常规豆子呢?有什么风味在里面
2021/03/04 咖啡文化
PHP7 新特性详细介绍
2016/09/06 PHP
PHP获取路径和目录的方法总结【必看篇】
2017/03/04 PHP
PHP机器学习库php-ml的简单测试和使用方法
2017/07/14 PHP
PHP基于session.upload_progress 实现文件上传进度显示功能详解
2019/08/09 PHP
关于使用runtimeStyle属性问题讨论文章
2007/03/08 Javascript
面向对象的Javascript之一(初识Javascript)
2012/01/20 Javascript
JavaScript设计模式之工厂模式和构造器模式
2015/02/11 Javascript
JavaScript进阶练习及简单实例分析
2016/06/03 Javascript
纯JS实现可拖拽表单的简单实例
2016/09/02 Javascript
seajs学习教程之基础篇
2016/10/20 Javascript
10个经典的网页鼠标特效代码
2018/01/09 Javascript
Vue中的transition封装组件的实现方法
2019/08/13 Javascript
基于vue+element实现全局loading过程详解
2020/07/10 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
在Python的Flask框架中构建Web表单的教程
2016/06/04 Python
python实现旋转和水平翻转的方法
2018/10/25 Python
Django 路由控制的实现代码
2018/11/08 Python
Java Unsafe类实现原理及测试代码
2020/09/15 Python
Pycharm中如何关掉python console
2020/10/27 Python
localstorage和sessionstorage使用记录(推荐)
2017/05/23 HTML / CSS
STAY JAPAN台湾:预订日本民宿
2018/07/22 全球购物
LivingSocial爱尔兰:爱尔兰本地优惠
2018/08/10 全球购物
卡骆驰德国官方网站:Crocs德国
2019/03/29 全球购物
Kipling澳洲官网:购买凯浦林包包
2020/12/17 全球购物
远东集团网络工程师面试题
2014/10/20 面试题
欢送退休感言
2014/02/08 职场文书
工作决心书范文
2014/03/11 职场文书
小学毕业典礼主持词
2014/03/27 职场文书
我爱我家教学反思
2014/05/01 职场文书
整改报告怎么写
2014/11/06 职场文书
2015年学校图书室工作总结
2015/05/19 职场文书
如何制定一份可行的计划!
2019/06/21 职场文书
哪类餐饮行业,最适合在高校创业?
2019/08/19 职场文书
mybatis3中@SelectProvider传递参数方式
2021/08/04 Java/Android