html5 Input限制輸入

2022-05-07 15:03:12 字數 3271 閱讀 1117

js判斷只能是數字和小數點(測試寫了type屬性有時會失效)

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

<

input

onkeyup

="this.value=this.value.replace(/\d/g,'')"

onafterpaste

="this.value=this.value.replace(/\d/g,'')"

>

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

<

input

onkeyup

="if(isnan(value))execcommand('undo')"

onafterpaste

="if(isnan(value))execcommand('undo')"

>

<

input

name

=txt1

onchange

="if(/\d/.test(this.value))"

>

onkeyup="value=value.replace(/[^\-?\d.]/g,'')"

3.數字和小數點方法二

<

input

type

=text

t_value

=""o_value

=""onkeypress

="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value"

onkeyup

="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value"

onblur

="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else"

>

4.只能輸入字母和漢字

<

input

onkeyup

="value=value.replace(/[\d]/g,'') "

onbeforepaste

="clipboarddata.setdata('text',clipboarddata.getdata('text').replace(/[\d]/g,''))"

maxlength

=10

name

="numbers"

>

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

<

input

onkeyup

="value=value.replace(/[^\w\.\/]/ig,'')"

>

6.只能輸入數字和英文chun

<

input

onkeyup

="value=value.replace(/[^\d|chun]/g,'')"

>

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

<

input

onkeypress

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

>

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

<

input

onkeyup

="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"

>

9.輸入中文

<

input

type

="text"

onkeyup

="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')"

>

10.輸入數字:

<

input

type

="text"

onkeyup

="this.value=this.value.replace(/\d/g,'')"

>

11.輸入英文

<

input

type

="text"

onkeyup

="this.value=this.value.replace(/[^a-za-z]/g,'')"

>

12.三合一

<

input

onkeyup

="value=value.replace(/[^\w\u4e00-\u9fa5]/g, '')"

>

13.只輸入數字和字母

<

input

class

=input

maxlength

=12

size

=15

name

=username

id="username"

onkeyup

="value=value.replace(/[\w]/g,'')"

>

14.除了英文的標點符號以為 其他的人都可以中文,英文本母,數字,中文標點

<

input

type

="text"

onkeyup

="this.value=this.value.replace(/^[^!@#$%^&*()-=+]/g,'')"

>

HTML5 input輸入框限制字段長度

一種最簡單的方法就是直接在datatype屬性裡加限制 s1 5表示填1 5個字元,s0 6表示0 6個字元,但是這種方法有種缺陷就是不認標點符號了 上段 限制了輸入框長度為0 6,最少可以不填,最多6個字元,在這裡,乙個字母 如a a 乙個漢字,乙個數字都是占有乙個字元,但是!它不支援標點符號,如...

html5 input輸入實時檢測以及延時優化

有個專案是,這麼個情況,輸入框,實時監測輸入,觸發請求。第一想法是input 上的onchange 方法,試了一下,不好用,是值等更改確認了,才會觸發,不即時。上網查了一下,fix on input propertychange function event 方法的確可以用,但是實時更改。傳送的頻率...

HTML5 INPUT新增屬性

input新增的這些屬性,使得html和js的分工更明確了,使用起來十分舒暢。我們先看下input新增了的屬性 新增屬性一 autoconmplete autoconmplete可以賦值為 on 或者 off。當為 on的時候,瀏覽器能自動儲存使用者輸入的內容。當使用者返回到曾經填寫過值的頁面的時候...