使用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 相关文章推荐
优化网页之快速的呈现我们的网页
Jun 29 Javascript
js中的事件捕捉模型与冒泡模型实例分析
Jan 10 Javascript
JavaScript 模块化编程(笔记)
Apr 08 Javascript
AngularJS基础知识笔记之表格
May 10 Javascript
全面解析Bootstrap手风琴效果
Apr 17 Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
Jun 30 Javascript
JS简单实现移动端日历功能示例
Dec 28 Javascript
原生js仿淘宝网商品放大镜效果
Feb 28 Javascript
详解用vue-cli来搭建vue项目和webpack
Apr 20 Javascript
使用Angular-CLI构建NPM包的方法
Sep 07 Javascript
如何换个角度使用VUE过滤器详解
Sep 11 Javascript
JS实现随机点名器
Apr 12 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
php如何解决无法上传大于8M的文件问题
2014/03/10 PHP
PHP基于数组实现的分页函数实例
2014/08/20 PHP
PHP解析目录路径的3个函数总结
2014/11/18 PHP
PHP调用MySQL存储过程并返回值的方法
2014/12/26 PHP
详解关于php的xdebug配置(编辑器vscode)
2019/01/29 PHP
PHP正则验证字符串是否为数字的两种方法并附常用正则
2019/02/27 PHP
小议Javascript中的this指针
2010/03/18 Javascript
如何利用AngularJS打造一款简单Web应用
2015/12/05 Javascript
微信小程序(应用号)简单实例应用及实例详解
2016/09/26 Javascript
深入理解node.js之path模块
2017/05/03 Javascript
underscore之Collections_动力节点Java学院整理
2017/07/10 Javascript
vue中各组件之间传递数据的方法示例
2017/07/27 Javascript
weex里Vuex state使用storage持久化详解
2017/09/09 Javascript
ES6 fetch函数与后台交互实现
2018/11/14 Javascript
vue中使用elementUI组件手动上传图片功能
2019/12/13 Javascript
React中使用UMEditor的方法示例
2019/12/27 Javascript
基于react项目打包css引用路径错误解决方案
2020/10/28 Javascript
python3中int(整型)的使用教程
2017/03/23 Python
Django之提交表单与前后端交互的方法
2019/07/19 Python
django-filter和普通查询的例子
2019/08/12 Python
基于python实现学生信息管理系统
2019/11/22 Python
Pycharm修改python路径过程图解
2020/05/22 Python
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
纽约市的奢华内衣目的地:Anya Lust
2019/08/02 全球购物
路德维希•贝克(LUDWIG BECK)中文官网:德国大型美妆百货
2020/09/19 全球购物
物流合作计划书
2014/01/10 职场文书
小学生演讲稿
2014/01/12 职场文书
销售活动策划方案
2014/08/26 职场文书
暑期培训班策划方案
2014/08/26 职场文书
向国旗敬礼活动总结范文2014
2014/09/27 职场文书
公务员群众路线心得体会
2014/11/03 职场文书
2014小学数学教研组工作总结
2014/12/06 职场文书
2015年实习班主任工作总结
2015/04/23 职场文书
2015年惩防体系建设工作总结
2015/05/22 职场文书
Win11局域网共享权限在哪里设置? Win11高级共享的设置技巧
2022/04/05 数码科技
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏