javascript使用正則控制input輸入框允許輸入的值方法大全
1、只允許輸入數(shù)字
<input name="username" type="text" onkeyup="value=this.value.replace(/\D+/g,'')">
2、只允許輸入英文字母、數(shù)字和下劃線(以下二種方法實(shí)現(xiàn))
<input name="username" type="text" style="ime-mode:disabled"> <input name="username" type="text" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
3、只允許輸入英文字母、數(shù)字和=@#
<input name="username" type="text" onkeyup="value=value.replace(/[^\w=@#]|_/ig,'')">
4、只允許輸入英文大寫字母和數(shù)字
<input name="name" type="text" value="只錄入大寫字母和數(shù)字" style="color:gray" onfocus="this.value='';this.style.color='black'" onkeyup="this.value=this.value.replace(/[^A-Z0-9]/gi,'');this.value=this.value.toLocaleUpperCase();
5、只允許輸入漢字
<input name="username" type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">
【過濾文字輸入】
TextField.restrict = "此處為可輸入的內(nèi)容"; field.restrict = "^此處為禁止輸入的內(nèi)容";
restrict屬性支持一些類似正則表達(dá)式的樣式:
field.restrict = "a-zA-z"; //只允許大小字母 field.restrict = "a-zA-z "; //只允許字母和空格 field.restrict = "0-9"; //只允許數(shù)字 field.restrict = "^abcdefg"; //除了小寫字母abcdefg不允許外,其它都允許 field.restrict = "^a-z"; //所有小寫字母都不允許,但是,其它內(nèi)容都允許,包括大寫字母 field.restrict = "0-9^5"; //只允許數(shù)字,但5例外
讓restrict字符包含具有特殊意義的字母(例如-和^):
field.restrict = "0-9\\-"; //允許數(shù)字和破折號(hào) field.restrict = "0-9\\^"; //允許數(shù)字和^ field.restrict = "0-9\\\\"; //允許數(shù)字和反斜杠
你也可以使用Unicode轉(zhuǎn)義序列,指定允許的內(nèi)容.例如:
field.restrict = "^\u001A";
注意:ActionScript有區(qū)分大小寫的,如果restrict屬性設(shè)為abc,允許字母的大寫形式(A,B和C)輸入時(shí)會(huì)變成小寫對(duì)待形式(a,b和c),反之亦然.restrict屬性只影響用戶可以輸入的內(nèi)容,腳本可將任何文本放入文本字段中.
相關(guān)文章
一文教你徹底學(xué)會(huì)JavaScript手寫防抖節(jié)流
其實(shí)防抖和節(jié)流不僅僅在面試中會(huì)讓大家手寫,在實(shí)際項(xiàng)目中也可以起到性能優(yōu)化的作用,所以還是很有必要掌握的。本文就帶大家徹底學(xué)會(huì)JavaScript手寫防抖節(jié)流,需要的可以參考一下2022-11-11JS基于面向?qū)ο髮?shí)現(xiàn)的放煙花效果
這篇文章主要介紹了JS基于面向?qū)ο髮?shí)現(xiàn)的放煙花效果,涉及javascript面向?qū)ο蠹夹g(shù)的使用技巧,需要的朋友可以參考下2015-05-05json對(duì)象與數(shù)組以及轉(zhuǎn)換成js對(duì)象的簡(jiǎn)單實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨son對(duì)象與數(shù)組以及轉(zhuǎn)換成js對(duì)象的簡(jiǎn)單實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06獲取offsetTop和offsetLeft值的js代碼(兼容)
offsetTop和offsetLeft的值在某些特殊的情況下是會(huì)使用到的,為了實(shí)現(xiàn)值的準(zhǔn)確獲取,本文采用js代碼實(shí)現(xiàn)下,有需求的朋友可以參考下哈2013-04-04Bootstrap實(shí)現(xiàn)提示框和彈出框效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap實(shí)現(xiàn)彈出框和提示框效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01