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的反射问题
Apr 07 Javascript
JQuery对id中含有特殊字符的转义处理示例
Sep 06 Javascript
页面实时更新时间的JS实例代码
Dec 18 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
Oct 22 Javascript
JS实现自动阅读单词(有道单词本添加功能)
Nov 14 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
Mar 08 Javascript
JavaScript异步上传图片文件的实例代码
Jul 04 Javascript
探索webpack模块及webpack3新特性
Sep 18 Javascript
node.js 用socket实现聊天的示例代码
Oct 17 Javascript
React中常见的动画实现的几种方式
Jan 10 Javascript
原生JavaScript实现的简单放大镜效果示例
Feb 07 Javascript
详解vue页面首次加载缓慢原因及解决方案
Nov 06 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/01 无线电
PHP5 字符串处理函数大全
2010/03/23 PHP
PHP写的简单数字验证码实例
2017/05/23 PHP
php实现获取农历(阴历)、节日、节气的类与用法示例
2017/11/20 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
图片自动更新(说明)
2006/10/02 Javascript
Prototype Date对象 学习
2009/07/12 Javascript
JavaScript中的变量声明早于赋值分析
2012/03/01 Javascript
在JavaScript中操作数组之map()方法的使用
2015/06/09 Javascript
laypage分页控件使用实例详解
2016/05/19 Javascript
基于JSON数据格式详解
2017/08/31 Javascript
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
JS+CSS实现随机点名(实例代码)
2019/11/04 Javascript
JS实现排行榜文字向上滚动轮播效果
2019/11/26 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
python入门教程之识别验证码
2017/03/04 Python
requests和lxml实现爬虫的方法
2017/06/11 Python
Python读取指定日期邮件的实例
2019/02/01 Python
使用pycharm在本地开发并实时同步到服务器
2019/08/02 Python
使用python实现男神女神颜值打分系统(推荐)
2019/10/31 Python
python numpy库np.percentile用法说明
2020/06/08 Python
PyTorch如何搭建一个简单的网络
2020/08/24 Python
Django实现简单的分页功能
2021/02/22 Python
HTML5计时器小例子
2013/10/15 HTML / CSS
HTML文本属性&amp;颜色控制属性的实现
2019/12/17 HTML / CSS
罗马尼亚购物网站:Vivantis.ro
2019/07/20 全球购物
ORACLE十问
2015/04/20 面试题
责任心演讲稿
2014/05/14 职场文书
励志演讲稿300字
2014/08/21 职场文书
12.4法制宣传日标语
2014/10/08 职场文书
普通党员个人整改措施
2014/10/27 职场文书
会议室使用管理制度
2015/08/06 职场文书
golang 接口嵌套实现复用的操作
2021/04/29 Golang
一文弄懂MySQL中redo log与binlog的区别
2022/02/15 MySQL
Python 中面向接口编程
2022/05/20 Python
javascript进阶篇深拷贝实现的四种方式
2022/07/07 Javascript