使用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绑定原理 简单解析与实现代码分享
Sep 06 Javascript
javascript检测是否联网的实现代码
Sep 28 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
Jun 09 Javascript
浅谈jquery选择器 :first与:first-child的区别
Nov 20 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
Jan 22 Javascript
vue v-model表单控件绑定详解
May 17 Javascript
vue开发调试神器vue-devtools使用详解
Jul 13 Javascript
React路由鉴权的实现方法
Sep 05 Javascript
js实现点击图片在屏幕中间弹出放大效果
Sep 11 Javascript
详解小程序云开发攻略(解决最棘手的问题)
Sep 30 Javascript
vue-cli和v-charts实现可视化图表过程解析
Oct 08 Javascript
jquery实现淡入淡出轮播图效果
Dec 13 jQuery
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
Memcached常用命令以及使用说明详解
2013/06/27 PHP
php5.3 不支持 session_register() 此函数已启用的解决方法
2013/11/12 PHP
php阿拉伯数字转中文人民币大写
2015/12/21 PHP
PHP快速排序quicksort实例详解
2016/09/28 PHP
学习YUI.Ext 第四天--对话框Dialog的使用
2007/03/10 Javascript
COM中获取JavaScript数组大小的代码
2009/11/22 Javascript
javascript 函数声明与函数表达式的区别介绍
2013/10/05 Javascript
js抽奖实现随机抽奖代码效果
2013/12/02 Javascript
JavaScript分秒倒计时器实现方法
2015/02/02 Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
2016/01/29 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
2016/06/08 Javascript
JavaScript中的this使用详解
2016/07/27 Javascript
JS回调函数简单用法示例
2017/02/09 Javascript
浅谈AngularJS中使用$resource(已更新)
2017/09/14 Javascript
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
Smartour 让网页导览变得更简单(推荐)
2019/07/19 Javascript
JS事件循环机制event loop宏任务微任务原理解析
2020/08/04 Javascript
Vue实现购物车基本功能
2020/11/08 Javascript
python设置windows桌面壁纸的实现代码
2013/01/28 Python
在Python中进行自动化单元测试的教程
2015/04/15 Python
利用python代码写的12306订票代码
2015/12/20 Python
Python队列的定义与使用方法示例
2017/06/24 Python
Python实现对一个函数应用多个装饰器的方法示例
2018/02/09 Python
Python 类的特殊成员解析
2018/06/20 Python
PyQt5重写QComboBox的鼠标点击事件方法
2019/06/25 Python
TensorFlow通过文件名/文件夹名获取标签,并加入队列的实现
2020/02/17 Python
python爬虫中PhantomJS加载页面的实例方法
2020/11/12 Python
GafasWorld哥伦比亚:网上购买眼镜
2017/11/28 全球购物
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
创联软件面试题笔试题
2012/10/07 面试题
书法培训心得体会
2014/01/05 职场文书
法律进学校实施方案
2014/03/15 职场文书
什么是就业协议书
2014/04/17 职场文书
保洁公司服务承诺书
2014/05/28 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
《田忌赛马》教学反思
2016/02/19 职场文书