首頁 > web前端 > js教程 > javascript 控制input只允許輸入的各種指定內容_javascript技巧

javascript 控制input只允許輸入的各種指定內容_javascript技巧

WBOY
發布: 2016-05-16 16:43:53
原創
1332 人瀏覽過

1、只允許輸入數字

<input name="username" type="text"
onkeyup="value=this.value.replace(/\D+/g,'')">
登入後複製
登入後複製

2、只允許輸入英文字母、數字和底線(以下二種方法實現)

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

3、只允許輸入英文字母、數字和=@#

<input name="username" type="text" onkeyup="value=value.replace(/[^\w=@#]|_/ig,'')">
登入後複製

4、只允許輸入漢字

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

1、只允許輸入數字

<input name="username" type="text"
onkeyup="value=this.value.replace(/\D+/g,'')">
登入後複製
登入後複製

2、只允許輸入英文字母、數字和底線(以下二種方法實現)

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

3、只允許輸入英文字母、數字和=@#

<input name="username" type="text"
onkeyup="value=value.replace(/[^\w=@#]|_/ig,'')">
登入後複製

4、只允許輸入漢字

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

只能輸入數字:"^[0-9]*$"。
只能輸入n位的數字:"^d{n}$"。
只能輸入至少n位的數字:"^d{n,}$"。

只能輸入m~n位的數字:。 "^d{m,n}$"
只能輸入零和非零開頭的數字:"^(0|[1-9][0-9]*)$"。

只能輸入有兩位數小數的正實數:"^[0-9] (.[0-9]{2})?$"。

只能輸入有1~3位小數的正實數:"^[0-9] (.[0-9]{1,3})?$"。
只能輸入非零的正整數:"^ ?[1-9][0-9]*$"。

只能輸入非零的負整數:"^-[1-9][]0-9"*$。
只能輸入長度為3的字元:"^.{3}$"。

只能輸入由26個英文字母組成的字串:"^[A-Za-z] $"。
只能輸入由26個大寫英文字母組成的字串:"^[A-Z] $"。

只能輸入由26個小寫英文字母組成的字串:"^[a-z] $"。
只能輸入由數字和26個英文字母組成的字串:"^[A-Za-z0-9] $"。

只能輸入由數字、26個英文字母或底線組成的字串:"^w $"。

驗證使用者密碼:"^[a-zA-Z]w{5,17}$"正確格式為:以字母開頭,長度在6~18之間,只能包含字元、數字和底線。

驗證是否含有^%&',;=?$"等字元:"[^%&',;=?$x22] "。

只能輸入漢字:"^[u4e00-u9fa5]{0,}$"

只能輸入數字和小數點,防貼上:

<input type=""text" onkeyup="value=value.replace(/[^0-9.]/g,''),dxfqlld();" onpaste="value=value.replace(/[^0-9.]/g,'')" oncontextmenu="value=value.replace(/[^0-9.]/g,'')" />
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板