;
<script><BR>$().ready(function() {<BR> $.metadata.setType("attr", "validate");<BR> $("#signupForm").validate ( );<BR>});<BR></腳本></script>
$().ready(function() {
$("#signupForm").validate({
規則:
{
:true,
電子郵件:true
},
密碼:
最小長度:5
},
確認密碼:
{
必要:true,
最少長度:5,
訊息:
{
名字: "請輸入姓名",
email:
{
required: "請輸入Email地址",
密碼:
{
required: "請輸入密碼",
minlength: jQuery.format("密碼不能小於{0}個字元 {
required: "請輸入確認密碼",
minlength: "確認密碼不能小於5個字元",
equalTo: "註解>});
//messages處,如果某個控制項沒有訊息,將呼叫預設的資訊
必填:"#aa:checked"id名稱為aa的dom被選中時,則需要驗證
required:function(){} 傳回為真,表示需要驗證(僅針對required有效,其他無效。)
後邊同樣常用於,表單中需要同時填入或不填的元素
以下針對上面三項內容,透過實例來說明一下,比較容易理解。 (第一個說明:required:true 必須有值,剛才就不舉例了,透過上面的例子,已經很清楚了。)
required:"#aa:checked" 的範例如下:
複製程式碼
$().ready(function() {
$("#signupForm").validate({
規則:
{
填: "# open:checked",
電子郵件: true
}
},
, {
必要填寫:"請輸入電子郵件地址",
電子郵件:"請輸入正確的電子郵件地址"
//messages處,如果某個控制項沒有訊息,將呼叫預設的資訊
選舉中「開啟」時,則對電子郵件進行驗證。
required:function(){} 的範例如下:
複製程式碼
程式碼如下:
$().ready(function() {
$("#signupForm").validate({
規則:
{
:函數()
{
返回true;
🎜> 回傳false;
}
}
訊息:
{
姓名: "請輸入姓名",
電子郵件:
電子郵件: "請輸入正確的email位址"
}
}
});
});
//訊息處,如果某個控制項沒有訊息,就會呼叫預設的資訊
script>
經過測試得知,即使email:function(){return false}); 是回傳false,但required:function(){return true; },是回傳true,那麼,除了驗證是否為空外,還驗證email格式。相反email:function(){reuturn false;}設定無效。進一步測試,去掉required:function(){return true;},只保留:email:function(){reuturn false;},仍然驗證email格式。程式碼如下:
複製程式碼
程式碼如下:
}
},
訊息:
範例中的規則規則中的名字,電子郵件等,問題是,在輸入中有id,還有name屬性,那JQuery Validation取得哪一個呢?是輸入的name屬性值,不是id屬性值。
定義樣式程式碼
複製程式碼
程式碼如下:
/* jQu */
input.error{border: 1px 點狀紅色;}
label.error{
background-image:url('del.gif'); background-repeat:no-repeat ;
左內邊距:18px;
顏色:紅色;