input輸入的幾種限制

2022-08-04 01:24:12 字數 1175 閱讀 9418

有時需要限制文字框輸入內容的型別,本節分享下正規表示式限制文字框只能輸入數字、小數點、英文本母、漢字等**。

例如,輸入大於0的正整數

**如下:

<

1,文字框只能輸入數字**(小數點也不能輸入)

**如下:

<

2,只能輸入數字,能輸小數點.

**如下:

<

<

3,數字和小數點方法二

**如下:

<

封裝成單獨的函式:

**如下:

function keypress(ob)

function keyup(ob)

function onblur(ob) ;

}只需在呼叫,傳入this物件即可!

4,只能輸入字母和漢字

**如下:

<

5,只能輸入英文本母和數字,不能輸入中文

**如下:

<

6,只能輸入數字和英文

**如下:

<

7,小數點後只能有最多兩位(數字,中文都可輸入),不能輸入字母和運算符號:

**如下:

<57) && event.keycode!=46 || /\.\d\d$/.test(value))event.returnvalue=false">

8,小數點後只能有最多兩位(數字,字母,中文都可輸入),可以輸入運算符號:

**如下:

<

9、enter鍵可以讓游標移到下乙個輸入框 

10、正則匹配

^[1-9]\d*$    //匹配正整數

^-[1-9]\d*$   //匹配負整數

^-?[1-9]\d*$   //匹配整數

^[1-9]\d*|0$  //匹配非負整數(正整數 + 0)

^-[1-9]\d*|0$   //匹配非正整數(負整數 + 0)

^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$   //匹配正浮點數

^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$  //匹配負浮點數

^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$  //匹配浮點數

^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$   //匹配非負浮點數(正浮點數 + 0)

js限制input輸入

1.取消按鈕按下時的虛線框,在input裡新增屬性值 hidefocus 或者 hidefocus true 2.唯讀文字框內容,在input裡新增屬性值 readonly 3.防止退後清空的text文件 可把style內容做做為類引用 4.enter鍵可以讓游標移到下乙個輸入框 5.只能為中文 有...

js限制input輸入

1.取消按鈕按下時的虛線框,在input裡新增屬性值 hidefocus 或者 hidefocus true 2.唯讀文字框內容,在input裡新增屬性值 readonly 3.防止退後清空的text文件 可把style內容做做為類引用 4.enter鍵可以讓游標移到下乙個輸入框 5.只能為中文 有...

js限制input輸入

1.取消按鈕按下時的虛線框,在input裡新增屬性值 hidefocus 或者 hidefocus true 2.唯讀文字框內容,在input裡新增屬性值 readonly 3.防止退後清空的text文件 可把style內容做做為類引用 4.enter鍵可以讓游標移到下乙個輸入框 5.只能為中文 有...