使用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 字符串切割函数substring的用法说明
Feb 11 Javascript
javascript设计模式之解释器模式详解
Jun 05 Javascript
Bootstrap Chart组件使用教程
Apr 28 Javascript
AngularJS基础 ng-mouseleave 指令详解
Aug 02 Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
Vue.js 60分钟快速入门教程
Mar 28 Javascript
ES6新增的math,Number方法
Aug 06 Javascript
vue2.0 路由模式mode=&quot;history&quot;的作用
Oct 18 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
Aug 17 Javascript
微信小程序 组件的外部样式externalClasses使用详解
Sep 06 Javascript
部署vue+Springboot前后端分离项目的步骤实现
May 31 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
Apache2 httpd.conf 中文版
2006/12/06 PHP
测试php连接mysql是否成功的代码分享
2014/01/24 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
PHP中OpenSSL加密问题整理
2017/12/14 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
浅析PHP中json_encode与json_decode的区别
2020/07/15 PHP
jQuery 行级解析读取XML文件(附源码)
2009/10/12 Javascript
javascript在事件监听方面的兼容性小结
2010/04/07 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
2014/01/03 Javascript
jquery提交form表单时禁止重复提交的方法
2014/02/13 Javascript
了不起的node.js读书笔记之node.js中的特性
2014/12/22 Javascript
黑帽seo劫持程序,js劫持搜索引擎代码
2015/09/15 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
2016/07/12 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
2016/07/19 Javascript
轻松实现jquery选项卡切换效果
2016/10/10 Javascript
关于Iframe父页面与子页面之间的相互调用
2016/11/22 Javascript
React之PureComponent的使用作用
2018/07/10 Javascript
vue.js+ElementUI实现进度条提示密码强度效果
2020/01/18 Javascript
JS常用排序方法实例代码解析
2020/03/03 Javascript
从Python程序中访问Java类的简单示例
2015/04/20 Python
python+opencv轮廓检测代码解析
2018/01/05 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
python时间日期操作方法实例小结
2020/02/06 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
HTML5 script元素async、defer异步加载使用介绍
2013/08/23 HTML / CSS
使用HTML5 Canvas API绘制弧线的教程
2016/03/22 HTML / CSS
奥地利网上书店:Weltbild
2017/07/14 全球购物
试用期转正鉴定评语
2014/01/27 职场文书
劳模先进事迹材料
2014/12/24 职场文书
教师学期末个人总结
2015/02/13 职场文书
简述python四种分词工具,盘点哪个更好用?
2021/04/13 Python
pytorch--之halfTensor的使用详解
2021/05/24 Python
变长双向rnn的正确使用姿势教学
2021/05/31 Python
Golang 切片(Slice)实现增删改查
2022/04/22 Golang
html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
2022/12/24 HTML / CSS