表單選擇器 :input(匹配所有input、textarea、select和button元素) :text(匹配所有單行文本框) :password(匹配所有密碼框) :radio(匹配所有單項按鈕) :checkbox(匹配所有覆選框) :submit(匹配所有提交按鈕) :image(匹配所有 ...
表單選擇器
:input(匹配所有input、textarea、select和button元素) |
|
:text(匹配所有單行文本框) |
|
:password(匹配所有密碼框) |
|
:radio(匹配所有單項按鈕) |
|
:checkbox(匹配所有覆選框) |
|
:submit(匹配所有提交按鈕) |
|
:image(匹配所有圖像域) |
|
:reset(匹配所有重置按鈕) |
|
:button(匹配所有按鈕) |
|
:file(匹配所有文件域) |
|
:hidden(匹配所有不可見元素,或者type為hidden的元素) |
表單屬性過濾器
語法 |
描述 |
實例 |
|
:enabled |
匹配所有可見元素 |
|
|
:disabled |
匹配所有不可用元素 |
|
|
:checked |
匹配所有被選中元素(覆選框,單項按鈕,select中的option) |
|
|
:selected |
匹配所有選中的option元素 |
|
|
|
|
|
表單驗證常用的方法和事件
事件:onblur:失去焦點,當游標離開某個文本框時觸發
Onfocus:獲取焦點,當游標進入某個文本框時觸發
方法:blur()從文本域移開焦點
Focus()在文本域中設置焦點,即獲得游標
Select()獲取文本域中的內容,突出顯示輸的區域的內容
文本輸入提示特效示例
$(“myform:text”).focus(function(){
If($(this).val()==”請輸入正確的電子郵箱”){
$(this).val(“”);
$(this).css(“border”,”1px solid #ff0000”);
}
})
什麼是正則表達式
正則表達式是一個描述字元模式的對象,它是由一些特殊符號組成的,這些特殊符號和在SQL server中學過的通配符一樣
RegExp對象是Regular Expression(正則表達式)的縮寫,驗證(電子郵箱地址,電話號碼,身份證號等字元串)
定義正則表達式有兩種形式:一種是普通方式,另一種是構造函數的方式
普通方式:
Var reg=/表達式/附加參數
附加參數有三個參數:
g:代表可以進行全局匹配
I:代表不區分大小寫匹配
m:代表可以進行多行匹配
構造函數
Var reg =new RegExp(“表達式”,”附加參數”)
表示式的模式分為簡單模式和複合模式
正則表達式的常用字元
- /../代表模式的開始和結束
- ^匹配字元串的開始
- $匹配字元串的結束
- \s任何空白字元
- \S任何非空白字元
- \d匹配一個數字字元等價於[0-9]
- \D除了數字之外的任何字元,等價於[^0-9]
- \w匹配一個數字、下劃線或字母字元,等價於[A-Za-z0-9]
- \W任何非字字元,等價於[^A-Za-z0-9]
- .除了換行符之外的任意字元
正則表達式的重覆字元
{n}匹配前一項n次
{n,}匹配前一項n次,或者多次
{n,m}匹配前一項至少n次,但不能超過m次
*匹配前一項0次,或者多次,等價於{0,}
+匹配前一項1次,或者多次,等價於{1,}
?匹配前一項0次,或者1次,也就是說前一項是可選的,等價於{0,1}