编程 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 相关文章推荐

Javascript引用指针使用介绍

Nov 07 Javascript

浅析document.createDocumentFragment()与js效率

Jul 08 Javascript

js树插件zTree获取所有选中节点数据的方法

Jan 28 Javascript

javascript实现网页背景烟花效果的方法

Aug 06 Javascript

利用HBuilder打包前端开发webapp为apk的方法

Nov 13 Javascript

javascript实现最长公共子序列实例代码

Feb 05 Javascript

详解Puppeteer前端自动化测试实践

Feb 21 Javascript

一些可能会用到的Node.js面试题

Jun 15 Javascript

layui(1.0.9)文件上传upload,前后端的实例代码

Sep 26 Javascript

Vue在chrome44偶现点击子元素事件无法冒泡的解决方法

Dec 15 Javascript

Vue2.0 ES6语法降级ES5的操作

Oct 30 Javascript

Vue如何跨组件传递Slot的实现

Dec 14 Vue.js

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