jQuery ValidationEngine是一款基于jQuery的表單驗證插件。它提供了一系列內置的驗證規則,同時也支持自定義驗證規則。
首先,你需要引入jQuery庫和jquery.validationEngine插件的js和css文件到你的頁面中。
然后,在你的HTML表單中給需要驗證的input加上相應的class,比如"validate[required,custom[onlyLetterNumber]]"。其中,required表示必填項,custom[onlyLetterNumber]表示自定義的只能包含字母和數字的規則。
接下來,你可以使用以下代碼來添加自定義驗證規則:
// 添加自定義驗證規則
jQuery.validator.addMethod("customMethod", function(value, element, params) {
// 在這里編寫自定義驗證規則的邏輯,比如驗證輸入是否為偶數
return value % 2 === 0;
}, "請輸入一個偶數");
// 設置自定義驗證規則的錯誤提示信息
jQuery.validator.messages.customMethod = "請輸入一個偶數";
最后,你需要初始化ValidationEngine插件,并指定驗證規則的錯誤提示位置:
$(document).ready(function() {
$("#yourForm").validationEngine({
promptPosition : "topLeft", // 錯誤提示位置
});
});
這樣,當用戶在提交表單時,ValidationEngine會自動驗證表單輸入,并顯示相應的錯誤提示信息。
希望能幫到你!