使用js正则控制input标签只允许输入的值
更新时间:2013年07月29日 17:44:09 投稿:whsnow
本文为大家介绍下使用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>
相关文章
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
Bootstrap modal 多弹窗之叠加显示不出弹窗问题,今天小编抽时间给大家分享下解决方案,需要的朋友参考下2017-02-02
最新评论