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 相关文章推荐
JavaScript与函数式编程解释
Apr 27 Javascript
如何消除inline-block属性带来的标签间间隙
Mar 31 Javascript
Three.js基础部分学习
Jan 08 Javascript
使用react实现手机号的数据同步显示功能的示例代码
Apr 03 Javascript
vue-cli 打包后提交到线上出现 &quot;Uncaught SyntaxError:Unexpected token&quot; 报错
Nov 06 Javascript
基于Node.js的大文件分片上传示例
Jun 19 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
Jul 31 Javascript
Vue.set 全局操作简单示例
Sep 19 Javascript
Layui 解决表格异步调用后台分页的问题
Oct 26 Javascript
解决vue动态路由异步加载import组件,加载不到module的问题
Jul 26 Javascript
JavaScript位置参数实现原理及过程解析
Sep 14 Javascript
Vue.Draggable实现交换位置
Apr 07 Vue.js
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
分享最受欢迎的5款PHP框架
2014/11/27 PHP
PHP针对中英文混合字符串长度判断及截取方法示例
2017/03/31 PHP
如何运行/调试你的PHP代码
2020/10/23 PHP
你真的了解JavaScript吗?
2007/02/24 Javascript
javascript实现iframe框架延时加载的方法
2014/10/30 Javascript
jQuery元素的隐藏与显示实例
2015/01/20 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
2016/04/29 Javascript
WEB 前端开发中防治重复提交的实现方法
2016/10/26 Javascript
js闭包用法实例详解
2016/12/13 Javascript
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
2017/08/09 jQuery
关于Vue实现组件信息的缓存问题
2017/08/23 Javascript
详解vue的diff算法原理
2018/05/20 Javascript
React 使用browserHistory项目访问404问题解决
2018/06/01 Javascript
浅谈node中的cluster集群
2018/06/02 Javascript
详解vue-router传参的两种方式
2018/09/10 Javascript
JavaScript生成一个不重复的ID的方法示例
2019/09/16 Javascript
vue中@change兼容问题详解
2019/10/25 Javascript
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
使用node-media-server搭建一个简易的流媒体服务器
2021/01/20 Javascript
python WindowsError的错误代码详解
2017/07/23 Python
Python模糊查询本地文件夹去除文件后缀的实例(7行代码)
2017/11/09 Python
Django代码性能优化与Pycharm Profile使用详解
2018/08/26 Python
python的pip安装以及使用教程
2018/09/18 Python
使用python PIL库实现简单验证码的去噪方法步骤
2019/05/10 Python
C++和python实现阿姆斯特朗数字查找实例代码
2020/12/07 Python
html5生成柱状图(条形图)效果的实例代码
2016/03/25 HTML / CSS
意大利在线眼镜精品店:Ottica Lipari
2019/11/11 全球购物
J2SDK1.5与J2SDK5.0有什么区别
2012/09/19 面试题
解释下面关于J2EE的名词
2013/11/15 面试题
最经典的大学生职业生涯规划范文
2014/03/05 职场文书
药剂专业自荐书
2014/06/20 职场文书
2015年全民国防教育日活动总结
2015/03/23 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
创业分两种人:那么哪些适合创业?,哪些适合不适合创业呢?
2019/08/23 职场文书
通过Qt连接OpenGauss数据库的详细教程
2021/06/23 PostgreSQL
实现AJAX异步调用和局部刷新的基本步骤
2022/03/17 Javascript