使用js正则控制input标签只允许输入的值


Posted in Javascript onJuly 29, 2013

style="ime-mode:Disabled“
这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字,结果输入不进去来找你哭天抹泪的,还怪你设计的不好。

只允许输入数字

<input name="username" type="text" onkeyup="value=this.value.replace(//D+/g,'')">

只允许输入英文字母、数字和下划线(以下二种方法实现)
<input name="username" type="text" style="ime-mode:disabled"> 
<input name="username" type="text" onkeyup="value=value.replace(/[^/w/.//]/ig,'')">

只允许输入英文字母、数字和&=@
<input name="username" type="text" onkeyup="value=value.replace(/[^/w=@&]|_/ig,'')">

只允许输入汉字
<input name="username" type="text" onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')">

实例:限制输入三位 只能是数字或者'.' 并在input内关闭输入法
<th style="width: 60px;">折  扣</th> 
<SPAN style="WHITE-SPACE: pre"> 
</SPAN><td><input name="discountNum" class="easyui-validatebox" maxlength="3" style="ime-mode:Disabled" onkeyup="value=this.value.replace(/[^\d.]/g,'')" data-options="required:'true',missingMessage:'请填写折扣数'" /> 
<SPAN style="WHITE-SPACE: pre"> 
</SPAN></td>
Javascript 相关文章推荐
jquery对表单操作2
Apr 06 Javascript
js中设置元素class的三种方法小结
Aug 28 Javascript
Jquery 例外被抛出且未被接住原因介绍
Sep 04 Javascript
jquery表单验证框架提供的身份证验证方法(示例代码)
Dec 27 Javascript
CSS3 3D 技术手把手教你玩转
Sep 02 Javascript
JavaScript实现经典排序算法之冒泡排序
Dec 28 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
Jun 17 Javascript
vue插件vue-resource的使用笔记(小结)
Aug 04 Javascript
VueJS组件之间通过props交互及验证的方式
Sep 04 Javascript
Vue组件通信之Bus的具体使用
Dec 28 Javascript
JS实现普通轮播图特效
Jan 01 Javascript
webpack+vue.js构建前端工程化的详细教程
May 10 Javascript
js为鼠标添加右击事件防止默认的右击菜单弹出
Jul 29 #Javascript
js保留两位小数使用toFixed实现
Jul 29 #Javascript
jquery图片不完全按比例自动缩小的简单代码
Jul 29 #Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
Jul 28 #Javascript
jquery 定位input元素的几种方法小结
Jul 28 #Javascript
jquery 获取表单元素里面的值示例代码
Jul 28 #Javascript
a标签的href和onclick 的事件的区别介绍
Jul 26 #Javascript
You might like
PHP4实际应用经验篇(6)
2006/10/09 PHP
php数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
PHP简单实现生成txt文件到指定目录的方法
2016/04/25 PHP
laravel 验证错误信息到 blade模板的方法
2019/09/29 PHP
禁止F5等快捷键的JS代码
2007/03/06 Javascript
validator验证控件使用代码
2010/11/23 Javascript
JavaScript高级程序设计 事件学习笔记
2011/09/10 Javascript
JavaScript:Div层拖动效果实例代码
2013/08/06 Javascript
jQuery ajax dataType值为text json探索分享
2013/09/23 Javascript
javascript制作的简单注册模块表单验证
2015/04/13 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
使用Xcache缓存器加速PHP网站的配置方法
2017/04/22 Javascript
JS实现全屏预览F11功能的示例代码
2018/07/23 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
2018/08/08 jQuery
JavaScript引用类型RegExp基本用法详解
2018/08/09 Javascript
微信小程序实现同时上传多张图片
2020/02/03 Javascript
微信小程序单选框自定义赋值
2020/05/26 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
2020/07/17 Javascript
[08:54]《一刀刀一天》之DOTA全时刻18:十九支奔赴西雅图队伍全部出炉
2014/06/04 DOTA
Python中的生成器和yield详细介绍
2015/01/09 Python
详解Python的Django框架中的模版相关知识
2015/07/15 Python
Python中元组,列表,字典的区别
2017/05/21 Python
python如何拆分含有多种分隔符的字符串
2018/03/20 Python
Tensorflow中的placeholder和feed_dict的使用
2018/07/09 Python
使用python实现unix2dos和dos2unix命令的例子
2019/08/13 Python
matplotlib基础绘图命令之bar的使用方法
2020/08/13 Python
英国团购网站:Groupon英国
2017/11/28 全球购物
精油和天然健康美容产品:Art Naturals
2018/01/27 全球购物
阿姆斯特丹杜莎夫人蜡像馆官方网站:Madame Tussauds Amsterdam
2019/03/12 全球购物
梅西百货官网:Macy’s
2020/08/04 全球购物
JSF面试题:Jsf中的核心类用那些?有什么作用?LiftCycle六大生命周期是什么?
2014/07/17 面试题
AJAX的优缺点都有什么
2015/08/18 面试题
村庄环境整治方案
2014/05/15 职场文书
小学教师见习总结
2015/06/23 职场文书
创业计划书之农家乐
2019/10/09 职场文书
WebRTC记录音视频流(web技术分享)
2022/02/24 Javascript