如何使用jquery的,如何使用jQuery的validate

2021-03-03 21:13:59 字數 4663 閱讀 2451

1樓:匿名使用者

預設校驗規則

(1)required:true

必輸欄位

(2)remote:"check.php"

使用ajax方法呼叫check.php驗證輸入值

(3)email:true

必須輸入正確格式的電子郵件

(4)url:true

必須輸入正確格式的**

(5)date:true

必須輸入正確格式的日期

(6)dateiso:true

必須輸入正確格式的日期(iso),例如:2009-06-23,1998/01/22

只驗證格式,不驗證有效性

(7)number:true

必須輸入合法的數字(負數,小數)

(8)digits:true

必須輸入整數

(9)creditcard:

必須輸入合法的信用卡號

(10)equalto:"#field"

輸入值必須和#field相同

(11)accept:

輸入擁有合法字尾名的字串(上傳檔案的字尾)

(12)maxlength:5

輸入長度最多是5的字串(漢字算一個字元)

(13)minlength:10

輸入長度最小是10的字串(漢字算一個字元)

(14)rangelength:[5,10]

輸入長度必須介於 5 和 10

之間的字串")(漢字算一個字元)

(15)range:[5,10]

輸入值必須介於 5 和 10

之間(16)max:5

輸入值不能大於5

(17)min:10

輸入值不能小於10

預設的提示

messages:

characters."),

minlength: $.validator.format("please enter at least

characters."),

rangelength: $.validator.format("please enter a value between and

characters

long."),

range: $.validator.format("please enter a value between and

."),

max: $.validator.format("please enter a value less than or equal to

."),

min: $.validator.format("please enter a value greater than or equal to

.")},

如需要修改,可在js**中加入:

jquery.extend(jquery.validator.messages,

的字串"),

minlength:

jquery.validator.format("請輸入一個長度最少是

的字串"),

rangelength:

jquery.validator.format("請輸入一個長度介於 和

之間的字串"),

range:

jquery.validator.format("請輸入一個介於 和

之間的值"),

max:

jquery.validator.format("請輸入一個最大為

的值"),

min:

jquery.validator.format("請輸入一個最小為 的值")

});推薦做法,將此檔案放入messages_**.js中,在頁面中引入

使用方式

1.將校驗規則寫到控制元件中

$().ready(function()

);使用的方式,必須引入包:jquery.metadata.js

可以使用如下的方法,修改提示內容:

在使用equalto關鍵字時,後面的內容必須加上引號,如下**:

class=""

另外一個方式,使用關鍵字:meta(為了後設資料使用其他外掛你要包裝 你的驗證規則在他們自己的專案中可以用這個特殊的選項)

tell the

validation plugin to look inside a validate-property in metadata for validation

rules.

例如:meta: "validate"

再有一種方式:

$.metadata.settype("attr", "validate");

這樣可以使用validate=""的方式,或者,但class=""將不起作用

2.將校驗規則寫到**中

$().ready(function()

,password:

,confirm_password:

},messages:

,password:

個字元")

},confirm_password:

}});

});//messages處,如果某個控制元件沒有message,將呼叫預設的資訊

jquery validate js怎麼用的??

2樓:青鳥中關村專家

jquery.validate.js是jquery下的一個驗證外掛,功能比較強大

1、預設校驗規則

(1)required:true 必輸欄位

(2)remote:"check.php" 使用ajax方法呼叫check.php驗證輸入值

(3)email:true 必須輸入正確格式的電子郵件

(4)url:true 必須輸入正確格式的**

(5)date:true 必須輸入正確格式的日期

(6)dateiso:true 必須輸入正確格式的日期(iso),例如:2009-06-23,1998/01/22 只驗證格式,不驗證有效性

(7)number:true 必須輸入合法的數字(負數,小數)

(8)digits:true 必須輸入整數

(9)creditcard: 必須輸入合法的信用卡號

(10)equalto:"#field" 輸入值必須和#field相同

(11)accept: 輸入擁有合法字尾名的字串(上傳檔案的字尾)

(12)maxlength:5 輸入長度最多是5的字串(漢字算一個字元)

(13)minlength:10 輸入長度最小是10的字串(漢字算一個字元)

(14)rangelength:[5,10] 輸入長度必須介於 5 和 10 之間的字串")(漢字算一個字元)

(15)range:[5,10] 輸入值必須介於 5 和 10 之間

(16)max:5 輸入值不能大於5

(17)min:10 輸入值不能小於10

2、預設的提示

messages:  characters."),

minlength: $.validator.format("please enter at least  characters."),

rangelength: $.validator.format("please enter a value between  and  characters long."),

range: $.validator.format("please enter a value between  and ."),

max: $.validator.format("please enter a value less than or equal to ."),

min: $.validator.format("please enter a value greater than or equal to .")

},如需要修改,可在js**中加入:

jquery.extend(jquery.validator.messages,  的字串"),

minlength: jquery.validator.format("請輸入一個長度最少是  的字串"),

rangelength: jquery.validator.format("請輸入一個長度介於  和  之間的字串"),

range: jquery.validator.format("請輸入一個介於  和  之間的值"),

max: jquery.validator.format("請輸入一個最大為  的值"),

min: jquery.validator.format("請輸入一個最小為  的值")

});3、使用方法

1)將校驗規則寫到控制元件中

$().ready(function() );

2)將校驗規則寫到**中

$().ready(function() ,

password: ,

confirm_password:

}, messages: ,

password: 個字元")

}, confirm_password:

} });

});//messages處,如果某個控制元件沒有message,將呼叫預設的資訊

3樓:血刺雷鋒捺

調好了,這樣用就ok~試試看,不好用的話再跟我說

怎麼使用jquery提交表單,如何使用jQuery做表單

在form表單中新增id buttom按鈕進行提交,加onclick js函式 然後在js函式中 formid submit formid submit 提交id為formid的form表單 有兩個定時執行的函式 一個是settimeout 還有一個是setinterval 你上網學習下 資料很多,...

jquery如何獲取單選框的值,如何使用jquery獲取被選單選框的值

獲取單選框的值有三種方式 1 內 input radio checked val 容 2 input type radio checked val 3 input name rd checked val jquery 如何獲取單選框的值 input name item each function i...

如何讓jquery不提交表單,怎麼使用jquery提交表單

preventdefault 方法阻止元素髮生預設的行為 例如,當點選提交按鈕時阻回止對錶 單的提交 答 form on submit function event form submit function 怎麼使用jquery提交表單 你好,不是按鈕的提交而是表單的提交,按鈕是沒有提交方法的 fo...