引入js
使用:(1)控制項屬性方式
(2)js 鍵值對傳參方式
$(function()
},//錯誤提示部分
messages:
}});
});校驗規則:
規則名說明
required:true
必須輸入字段
email:true
必須輸入正確格式的電子郵件
url:true
必須輸入正確格式的**
date:true
必須輸入正確格式的日期(ie6 驗證出錯)
dateiso:true
必須輸入正確格式的日期(iso) (只驗證格式, 不驗證有效)
number:true
必須輸入合法的數字(負數,小數)
digits:true
必須輸入正整數
creditcard:true
必須輸入合法的信用卡號,例如:5105105105105100
equalto:」#field」
輸入值必須和#field 相同 equalto:"input[name='pwd']"
minlength:5
輸入長度最小是 5 的字串(漢字算乙個字元)
maxlength:10
輸入長度最多是 10 的字串(漢字算乙個字元)
rangelength:[5,10]
輸入長度介於 5 和 10 之間的字串」)(漢字算乙個字元)
range:[5,10]
輸入值必須介於 5 和 10 之間
min:5
輸入值不能小於 5
max:10
輸入值不能大於 10
remote:」check.php」
使用 ajax 方法呼叫 check.php 驗證輸入值
開啟除錯模式禁止提交
當我們在除錯時,只需要檢測能否驗證,而不需要頁面進行跳轉時,可以開啟除錯模式禁止提交
$('#reg').validate(,
});設定成功後載入的樣式
validate.js外掛程式內建的驗證成功的樣式為」valid」,我們可以在css樣式中自定義valid的樣式:
.valid
當然,也可以修改驗證提示訊息,可以自定義標籤的樣式以及新增文字說明:
success : function(label)
},
messages : - 位之間!',
remote : '賬號被占用',
},validation怎麼顯示錯誤提示的
1、錯誤提示是validation自己新增的
2、怎麼新增,在當前輸入項後面是一 label 標籤新增
3、設定的兩個屬性:
class = "error"
for = "輸入項的name值"
可以使用 css 修改錯誤提示的樣式
使用 label標籤 或 error 這個 class
label
.error );
使用validate 函式中,使用,使用語法和 內建的校驗型別一樣
使用JQuery外掛程式Validate對表單進行校驗
使用jquery外掛程式validate對表單進行校驗 在web工程中引入validate 工具包 引入js檔案。基本語法 validate的rules和messages表示校驗規則和錯誤資訊,均為json格式。示例 這裡要注意以下細節 所有需要被校驗的元素都必須有 name 屬性,並且其取值在乙個...
JQuery的Validate外掛程式的使用
一 簡述 validate外掛程式 於jquery,在網頁端的表單對資料進行校驗。不同的外掛程式有不同的功能,這個validate外掛程式主要簡化了前端開發人員對表單資料校驗時js 利用外掛程式可以提高網頁開發速度,而且校驗資料更加全面。二 如何使用 2 在這裡簡單介紹一下校驗規則和校驗訊息 1 校...
jQuery外掛程式中validate的使用
validate簡介 自帶驗證規則,包括必填,數字,url等 驗證提示資訊 就是驗證失敗時候的提示資訊,要想顯示中文需要外掛程式支援 多種事件觸發,不僅可以在提交 單擊submit型別的按鈕 時,還可以在keyup,blur事件中觸發驗證 4.允許自定義驗證規則 validate使用方法 引入jqu...