表單選擇器和正規表示式

2021-09-20 07:10:26 字數 2319 閱讀 8423

表單選擇器

:input

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

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

:text

匹配所有單行文字框

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

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

:password

匹配所有密碼框

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

: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" ) 匹配「家鄉」中的「北京」選項

表單驗證事件和方法

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

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

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

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

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

只能表示具體的匹配

示例:var reg=/china/;

var reg=/abc8/;

可以使用萬用字元表達更為抽象的規則模式

示例:var reg=/^\w+$/;

var reg=/^\w+@\w+\.((com)|(cn)|(com.cn))$/;

[email protected]      [email protected]   [email protected]

\w+  --》匹配 jkjkp

$代表以該正規表示式結尾的字串例如

abc$只匹配123abc,rtyabc

如果只是abc的話,那麼123abc456,rtfabcfgh都可以匹配

加了^ 表示^後面的第一位字元必須匹配的字串首位相同,不加的話任意順序匹配。

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

^ 匹配字串的開始

$ 匹配字串的結束

\s 任何空白字元

\s 任何非空白字元

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

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

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

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

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

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

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

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

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

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

使用者名稱、密碼、電子郵箱、手機號碼、身份證號碼、生日、固定**

表單選擇器

顧名思義,表單選擇器是為了能更加容易地操作表單,表單選擇器是根據元素型別來定義的。表單選擇器規則 表單選擇器 選 擇 器 描 述返 回 示 例 input 選取所有的 和元素集合元素 input 選取所有的 和元素 text 選取所有的單行文字框 集合元素 text 選取所有的單行文字框 passw...

表單選擇器

表單選擇器 方法名描述返回 input 選取所有 input textarea select 和button 元素集合元素 text 選擇所有單行文字,即 type text 集合元素 password 選擇所有密碼框,即 type password 集合元素 radio 選擇所有單選框,即 typ...

表單選擇器

表單選擇器是匹配經常在表單內出現的元素,但是匹配的元素不一定在表單中。input 匹配所有的input元素 button 匹配所有的普通按鈕,即type button 的input元素 checkbox 匹配所有的核取方塊 file 匹配所有的檔案域 image 匹配所有的影象域 password ...