编程 Javascript

使用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>

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Maps Javascript

Jan 22 Javascript

javascript实用小函数使用介绍

Nov 11 Javascript

jquery遍历之parent()和parents()的区别及parentsUntil()方法详解

Dec 02 Javascript

动态读取JSON解析键值对的方法

Jun 03 Javascript

jQuery中each()方法用法实例

Dec 27 Javascript

js实现漂浮回顶部按钮实例

May 06 Javascript

Bootstrap在线电子商务网站实战项目5

Oct 14 Javascript

获取当前月（季度/年）的最后一天（set相关操作及应用）

Dec 27 Javascript

微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（一）

May 11 Javascript

Vue项目中ESlint规范示例代码

Jul 04 Javascript

JS实现商城秒杀倒计时功能(动态设置秒杀时间)

Dec 12 Javascript

Electron+vue从零开始打造一个本地播放器的方法示例

Oct 27 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

Session保存到数据库的php类分享

2011/10/24 PHP

更改localhost为其他名字的方法

2014/02/10 PHP

PHP实现的MongoDB数据库操作类分享

2014/05/12 PHP

PHP执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法

2014/06/26 PHP

学习php设计模式 php实现命令模式(command)

2015/12/08 PHP

php结合web uploader插件实现分片上传文件

2016/05/10 PHP

PHP面向对象自动加载机制原理与用法分析

2016/10/14 PHP

PHP仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能（上）

2017/05/26 PHP

用js实现键盘方向键翻页功能的代码

2007/06/03 Javascript

jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层

2009/05/21 Javascript

jQuery lazyLoad图片延迟加载插件的优化改造方法分享

2013/08/13 Javascript

JSF中confirm弹出框的用法示例介绍

2014/01/07 Javascript

使用js检测浏览器是否支持html5中的video标签的方法

2014/03/12 Javascript

浅谈Javascript数组的使用

2015/07/29 Javascript

js实现消息滚动效果

2017/01/18 Javascript

jQuery判断邮箱格式对错实例代码讲解

2017/04/12 jQuery

详解nodejs实现本地上传图片并预览功能（express4.0+）

2017/06/28 NodeJs

浅谈nodejs中的类定义和继承的套路

2017/07/26 NodeJs

JS继承与闭包及JS实现继承的三种方式

2017/10/15 Javascript

bootstrap轮播模板使用方法详解

2017/11/17 Javascript

canvas轨迹回放功能实现

2017/12/20 Javascript

javascript填充默认头像方法

2018/02/22 Javascript

vue实现简单loading进度条

2018/06/06 Javascript

vue组件中watch props根据v-if动态判断并挂载DOM的问题

2019/05/12 Javascript

Python中的choice()方法使用详解

2015/05/15 Python

python3实现ftp服务功能（客户端）

2017/03/24 Python

Python异常处理机制结构实例解析

2020/07/23 Python

在Python中实现字典反转案例

2020/12/05 Python

利用 Canvas实现绘画一个未闭合的带进度条的圆环

2019/07/26 HTML / CSS

金宝贝童装官网：Gymboree

2016/08/31 全球购物

Bluebella德国官网：英国性感内衣和睡衣品牌

2019/11/08 全球购物

澳大利亚在线划船、露营和钓鱼商店：BCF Australia

2020/03/22 全球购物

医学护理系毕业生求职信

2013/10/01 职场文书

个人年底工作总结

2015/03/10 职场文书

Jupyter notebook 输出部分显示不全的解决方案

2021/04/24 Python

python中的mysql数据库LIKE操作符详解

2021/07/01 MySQL