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 相关文章推荐
执行iframe中的javascript方法
Oct 07 Javascript
javascript获取ckeditor编辑器的值(实现代码)
Nov 18 Javascript
jQuery 删除或是清空某个HTML元素示例
Aug 04 Javascript
jQuery中eq()方法用法实例
Jan 05 Javascript
JS实现可拖曳、可关闭的弹窗效果
Sep 26 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
Jun 03 Javascript
React服务端渲染(总结)
Jul 01 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
Dec 08 Javascript
浅谈React + Webpack 构建打包优化
Jan 23 Javascript
使用elementUI实现将图片上传到本地的示例
Sep 04 Javascript
vue3中轻松实现switch功能组件的全过程
Jan 07 Vue.js
如何在 Vue 中使用 JSX
Feb 14 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
怎样在PHP中通过ADO调用Asscess数据库和COM程序
2006/10/09 PHP
PHP实现利用MySQL保存session的方法
2014/08/23 PHP
thinkphp模板输出技巧汇总
2014/11/24 PHP
thinkphp3.2.3 分页代码分享
2016/07/28 PHP
php实现socket推送技术的示例
2017/12/20 PHP
在laravel-admin中列表中禁止某行编辑、删除的方法
2019/10/03 PHP
jquery图片延迟加载 前端开发技能必备系列
2012/06/18 Javascript
解析Jquery取得iframe中元素的几种方法
2013/07/04 Javascript
JavaScript:new 一个函数和直接调用函数的区别分析
2013/07/10 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
2015/02/27 Javascript
js获取及修改网页背景色和字体色的方法
2015/12/29 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
2016/05/09 Javascript
bootstrap实现动态进度条效果
2017/03/08 Javascript
webpack项目调试以及独立打包配置文件的方法
2018/02/28 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
2018/10/01 Javascript
JavaScript刷新页面的几种方法总结
2019/03/28 Javascript
在element-ui的select下拉框加上滚动加载
2019/04/18 Javascript
通过图带你深入了解vue的响应式原理
2019/06/21 Javascript
原生js实现拖拽移动与缩放效果
2020/08/24 Javascript
解决vue请求接口第一次成功,第二次失败问题
2020/09/08 Javascript
[40:12]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python使用正则搜索字符串或文件中的浮点数代码实例
2014/07/11 Python
python实现支持目录FTP上传下载文件的方法
2015/06/03 Python
Python+Wordpress制作小说站
2017/04/14 Python
Python爬虫爬取一个网页上的图片地址实例代码
2018/01/16 Python
python hough变换检测直线的实现方法
2019/07/12 Python
python Popen 获取输出,等待运行完成示例
2019/12/30 Python
python中round函数保留两位小数的方法
2020/12/04 Python
Waterford英国官方网站:世界上最受欢迎的优质水晶品牌
2019/08/17 全球购物
致标枪运动员加油稿
2014/02/15 职场文书
建筑学专业自荐书
2014/07/09 职场文书
食品安全演讲稿
2014/09/01 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
2015年导购员工作总结
2015/04/25 职场文书
python实现批量移动文件
2021/04/05 Python
使用Oracle跟踪文件的问题详解
2021/06/28 Oracle