input框限制只能輸入正整數 字母 小數 漢字

2021-09-09 06:56:26 字數 2469 閱讀 3183

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

例如,輸入大於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)

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

11、限制長度(字元數)

11)value=value.slice(0,11)" />
12、限制大小(最大值、最小值)

//限制最大值30

30)value=30" />

//限制最小值0

13、聯合限制(長度和大小)

//長度2  最大值30 最小值0

30)value=30;if(value.length>2)value=value.slice(0,2);if(value<0)value=0" />

原生 js 的 oninput & onpropertychange 符合此要求,接著便去 jq 的 api 裡去找符合的方法,很失望,並未找到,但是 bind 確實會繫結類似的事件,那便是 input & propertychange,通過測試,確實是沒問題的。

現在將例子奉上:

jq:

$('input').bind('input propertychange', function() );
其中:propertychange 是為了相容 ie9 以下版本的。

js中的 oninput 事件在 ie9 以下版本不支援,需要使用 ie 特有的 onpropertychange 事件替代,這個事件在使用者介面改變或者使用指令碼直接修改內容兩種情況下都會觸發,有以下幾種情況:

修改了 input:checkbox 或者 input:radio 元素的選擇中狀態, checked 屬性發生變化。

修改了 input:text 或者 textarea 元素的值,value 屬性發生變化。

修改了 select 元素的選中項,selectedindex 屬性發生變化。

js:

if(isie) 

else //需要用addeventlistener來註冊事件

原文出處:input框限制只能輸入正整數、字母、小數、漢字

input只能輸入數字並限制長度和大小

input框只能輸入正整數

方法一 實現輸入框只能輸入正整數,輸入同時禁止了以0開始的數字輸入,防止被轉化為其他進製的數值。type text onkeyup value value.replace 0 d g,方法二 實現輸入框只能輸入正整數 方法三 限制文字框只能輸入正數,負數,小數 方法四 1.限制文字框只能輸入正數,小...

input框限制只能輸入正整數 字母 小數

這篇博文大部分來自於網上,為了方便自己查閱,以及幫助他人。1,只能輸入正整數 2,文字框只能輸入數字 小數點也不能輸入 3,彈窗警告只能輸入數字,然後置空輸入框 4,只能輸入陣列和小數點 方法二 封裝成單獨的函式 如下 function keypress ob function keyup ob f...

input框限制只能輸入正整數,邏輯與和或運算

原文 輸入大於0的正整數 1,文字框只能輸入數字 小數點也不能輸入 2,只能輸入數字,能輸小數點.3,數字和小數點方法二 4,只能輸入字母和漢字 5,只能輸入英文本母和數字,不能輸入中文 6,只能輸入數字和英文 7,小數點後只能有最多兩位 數字,中文都可輸入 不能輸入字母和運算符號 57 event...