DIV CSS 佈局教程網

本文為大家介紹下使用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>