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

154 阅读 0 评论 102 点赞

我是靠谱客的博主英勇学姐，最近开发中收集的这篇文章主要介绍使用js正则控制input标签只允许输入的值，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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> 