9 表單驗證

2021-09-24 06:21:05 字數 3187 閱讀 5794

–1、表單選擇器

語法 描述

:input 匹配所有input、textarea、select和button元素

:text 匹配所有單行文字框

:password 匹配所有密碼框

:radio 匹配所有單項按鈕

:checkbox 匹配所有核取方塊

:submit 匹配所有提交按鈕

:image 匹配所有影象域

:reset 匹配所有重置按鈕

:button 匹配所有按鈕

:file 匹配所有檔案域

:hidden 匹配所有不可見元素,或者type為hidden的元素

–2、表單屬性過濾器

語法 描述

:enabled 匹配所有可用元素

:disabled 匹配所有不可用元素

:checked 匹配所有被選中元素(核取方塊、單項按鈕、select中的option)

:selected 匹配所有選中的option元素

–3、表單驗證常用的方法和事件

事件:onblur:失去焦點,當游標離開某個文字框時觸發

onfocus:獲取焦點,當游標進入某個文字框時觸發

方法:blur():從文字域中移開焦點

focus():在文字域中設定焦點,即獲得游標

select():選取文字域中的內容,突出顯示輸入區域的內容

–4、正規表示式

-1.正規表示式是乙個描述字元模式的物件,它是由一些特殊的符號組成的,這些符號和在sql server中學過的萬用字元一樣,其組成的字元模式用來匹配各種表示式。

-2.定義正規表示式

1.普通方式

語法:var reg=/表示式/附加引數

表示式:乙個字串代表了某種規則,其中可以使用某些特殊字元來代表特殊的規則

附件引數:用來擴充套件表示式的含義,主要有以下三個引數。

g:代表可以進行全域性匹配

i:代表不區分大小寫匹配

m:代表可以進行多行匹配

2.建構函式

語法:var reg=new regexp(「表示式」,「附加引數」);

3.表示式的模式

1.簡單模式

簡單模式是指通過普通字元的組合來表達的模式。例如:

var reg=/china/;

var reg=/abc8/;

2.復合模式

復合模式是指含有萬用字元來表達的模式,這裡的萬用字元與sql server中的萬用字元相似。例如:

var reg=/^\w+$/;

4.regexp物件

方法 描述

exec() 檢索字元中是正規表示式的匹配,返回找到的值,並確定其位置

test() 檢索字串中指定的值,返回true後false

5.test()方法用於檢測乙個字串是否匹配某個模式,語法格式如下。

語法:正規表示式物件例項.test(字串)

6.string物件的方法

方法 描述

match() 在字串內檢索指定的值,找到乙個或多個正規表示式的匹配

search() 檢索與正規表示式相匹配的值

replace() 替換與正規表示式匹配的字串

split() 把字串分割為字串陣列

7.方法

1.match()方法:在字串內檢索指定的值,找到乙個或多個正規表示式的匹配

語法:字串物件.match(searchstring或regexpobject)

searchstring是檢索的字串的值,regexpobject是規定要匹配模式的regexp物件。

2.replace()方法

語法:字串物件.replace(regexp物件或字串,「替換的字串」)

3.split()方法

語法:字串物件.split(分隔符,n)

8.regexp物件的屬性

屬性 描述

global regexp物件是否具有標誌g

ignorecase regexp物件是否具有標誌i

multiline regexp物件是否具有標誌m

9.正規表示式的常用符號

符號 描述

/…/ 代表乙個模式的開始和結束

^ 匹配字串的開始

$ 匹配字串的結束

\s 任何空白字元

\s 任何非空白字元

\d 匹配乙個數字字元,等價於[0~9]

\d 除了數字之外的任何字元,等價於[^0~9]

\w 匹配乙個數字、下劃線或字母字元,等價於[a-za-z0-9]

\w 任何非單字字元,等價於[^a-za-z0-9_]

. 除了換行符之外的任意字元

10.正規表示式的重複字元

符號 描述

匹配前一項n次

匹配前一項n次,或者多次

匹配前一項至少n次,但是不能超過m次

* 匹配前一項0次或多次,等價於

+ 匹配前一項1次或多次,等價於

? 匹配前一項0次或1次,也就是說前一項是可選的,等價於

–5、html5新增加驗證屬性

屬性 描述

placeholder 提供一種提示(hint),輸入域為空時顯示,獲得焦點輸入內容後消失

required 規定輸入域不能為空

pattern 規定驗證input域的模式(正規表示式)

–6、validitystate物件

valuemissing:表單樣式設定了required特徵,則為必填項。如果必填項的值為空,就無法通過表單驗證,valuemissing屬性會返回true,否則返回false

typemismatch:輸入值與type型別不匹配。html5新增的表單型別如email、number、url等,都包含乙個原始的型別驗證。如果使用者輸入的內容與表單型別不符合,則typemismatch屬性將返回true,否則返回false

patter****match:輸入值與pattern特徵的正規表示式不匹配。如果輸入的內容不符合pattern驗證模式的規則,則patter****match屬性將發回true,否則返回false。

toolong:輸入的內容超過了表單元素的maxlength 特性限定的字元長度。

rangeunderflow:輸入的值小於min特性的值。

rangeoverflow:輸入的值大於max特性的值。

stepmismatch:輸入的值不符合step特徵所推算出的規則。

customerror:使用自定義的驗證錯誤提示資訊。

python表單驗證 表單驗證

django有乙個form類為我們提供了強大的表單驗證提交。1 建立form from django import forms class commentform forms.form name forms.charfield label 您的姓名 max length 100 email form...

antd 如何清除表單驗證(聯動表單驗證)

備註 投標的3種狀態 當我們使用antd的form表單時,可能會遇到2個表單聯動的情況,試想一下以下場景 投標利率我們設定在 3 7 以內,也就是說,輸入框不能取值的範圍是3 7 符合3 7就觸發不了表單驗證了!當投標狀態是 投標 共三種 時,該投標利率表單驗證生效,如果選擇其他狀態,則不生效,如果...

element ui表單驗證 正則驗證

數字型別的驗證需要在 v model 處加上 number 的修飾符,這是 vue 自身提供的用於將繫結值轉化為 number 型別的修飾符。export default methods at position 209 resetfo refs formname resetfields const ...