DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript使用正則控制input輸入框允許輸入的值方法大全
javascript使用正則控制input輸入框允許輸入的值方法大全
編輯:關於JavaScript     

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="name" type="text" value="只錄入大寫字母和數字" 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 = "此處為可輸入的內容";
field.restrict = "^此處為禁止輸入的內容";

restrict屬性支持一些類似正則表達式的樣式:

field.restrict = "a-zA-z"; //只允許大小字母
field.restrict = "a-zA-z "; //只允許字母和空格
field.restrict = "0-9"; //只允許數字
field.restrict = "^abcdefg"; //除了小寫字母abcdefg不允許外,其它都允許
field.restrict = "^a-z"; //所有小寫字母都不允許,但是,其它內容都允許,包括大寫字母
field.restrict = "0-9^5"; //只允許數字,但5例外

讓restrict字符包含具有特殊意義的字母(例如-和^):

field.restrict = "0-9\\-"; //允許數字和破折號
field.restrict = "0-9\\^"; //允許數字和^
field.restrict = "0-9\\\\"; //允許數字和反斜槓

你也可以使用Unicode轉義序列,指定允許的內容.例如:

field.restrict = "^\u001A";

注意:ActionScript有區分大小寫的,如果restrict屬性設為abc,允許字母的大寫形式(A,B和C)輸入時會變成小寫對待形式(a,b和c),反之亦然.restrict屬性只影響用戶可以輸入的內容,腳本可將任何文本放入文本字段中.

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved