–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 ...