当前位置：首页 > 资讯 > 技术文档

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

时间：2022-12-10 07:18 编辑：来源：阅读：
扫一扫，手机访问

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

style="ime-mode:Disabled“ 这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字，结果输入不进去来找你哭天抹泪的，还怪你设计的不好。只允许输入数字

<input name="username" type="text" onkeyup="value=this.value.replace(//D+/g,'')">

只允许输入英文字母、数字和下划线(以下二种方法实现)

[u]复制代码[/u] 代码如下:

<input name="username" type="text" style="ime-mode:disabled">
<input name="username" type="text" onkeyup="value=value.replace(/[^/w/.//]/ig,'')">

只允许输入英文字母、数字和&=@

[u]复制代码[/u] 代码如下:

<input name="username" type="text" onkeyup="value=value.replace(/[^/w=@&]|_/ig,'')">

只允许输入汉字

[u]复制代码[/u] 代码如下:

<input name="username" type="text" onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')">

实例：限制输入三位只能是数字或者'.' 并在input内关闭输入法

[u]复制代码[/u] 代码如下:

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

全部评论(0)

上一篇：Bootstrap框架下下拉框select搜索功能
下一篇：来自qq的javascript面试题

资讯排行榜
更多>>