第四章第四天JQuery表單驗證

2021-08-26 05:52:32 字數 1917 閱讀 6757

:input

匹配所有input

、textarea

、select

和button 元素

$("#myform  :input")選取表單中所有的input、select和button元素

:text                  

匹配所有單行文字框    

$("#myform  :text")選取email 和姓名兩個input 元素

:password       

匹配所有密碼框    

$("#myform  :password" )選取所有元素

$("#from1 :password:eq(0)").val();

:radio       

匹配所有單項按鈕        

$("#myform  :radio")選取元素

:checkbox        

匹配所有核取方塊    

$(" #myform  :checkbox " )選取元素

:submit   

匹配所有提交按鈕        

$("#myform  :submit " )選取元素

:image     

匹配所有影象域    

$("#myform  :image" )選取元素

:reset      

匹配所有重置按鈕        

$(" #myform  :reset " )選取元素

:button    

匹配所有按鈕        

$("#myform  :button" )選取button 元素

:file 

匹配所有檔案域    

$(" #myform  :file" )選取元素

:hidden    

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

$("#myform  :hidden" )選取、style="display: none"等元素

屬性過濾選擇器

:enabled 

匹配所有可用元素        

$(" #userform :enabled" )匹配form內部除編號輸入框外的所有元素

:disabled 

匹配所有不可用元素    

$(" #userform :disabled" )匹配編號輸入框

:checked 

匹配所有被選中元素(核取方塊、單項按鈕、

select 中的option)

$(" #userform :checked" )匹配「性別」中的「男」選項和「愛好」中的「程式設計」選項

:selected

匹配所有選中的option 元素       

$(" #userform :selected" ) 匹配「家鄉」中的「北京」選項

正規表示式符號

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

^       匹配字串的開始

$       匹配字串的結束

\s      任何空白字元

\s      任何非空白字元

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

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

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

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

.       

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

匹配前一項n次,或者多次( n<=)

匹配前一項至少n次,但是不能超過m次(n<=  *       匹配前一項0次或多次,等價於(可有可無)

+       匹配前一項1次或多次,等價於 (至少有乙個)

?     匹配前一項0次或1次,也就是說前一項是可選的,等價於(要麼有要麼只能出現一次)

第四章 表單

表單是我們平常編寫web應用常用的工具,通過表單我們可以方便的讓客戶端和伺服器進行資料的互動。對於以前開發過web的使用者來說表單都非常熟悉,但是對於c c 程式設計師來說,這可能是乙個有些陌生的東西,那麼什麼是表單呢?表單是乙個包含表單元素的區域。表單元素是允許使用者在表單中 比如 文字域 下拉列...

第四章 Web表單

request.form能獲取post請求中提交的表單資料。flask wtf可以把處理web表單的過程變成一種愉悅的體驗。使用flask wtf時,每個web表單都由乙個繼承自form的類表示。每個類定義表單中的一組字段,每個欄位都用物件表示。表單字段是可呼叫的,在模板中呼叫後會渲染成html 可...

第四章 jQuery節點操作

1.dom操作分為三類 1 dom core 任何一種支援dom的程式語言都可以使用用它 如 getelementbyid 2 html dom 用於處理html文件,如document,forms 3 css dom 用於操作css,如 element.style.color green 2.直接...