溫馨提示×

jquery.validationEngine自定義驗(yàn)證的使用方法

小億
145
2023-12-19 12:31:58
欄目: 編程語言

jQuery ValidationEngine是一款基于jQuery的表單驗(yàn)證插件。它提供了一系列內(nèi)置的驗(yàn)證規(guī)則，同時也支持自定義驗(yàn)證規(guī)則。

首先，你需要引入jQuery庫和jquery.validationEngine插件的js和css文件到你的頁面中。

然后，在你的HTML表單中給需要驗(yàn)證的input加上相應(yīng)的class，比如"validate[required,custom[onlyLetterNumber]]"。其中，required表示必填項(xiàng)，custom[onlyLetterNumber]表示自定義的只能包含字母和數(shù)字的規(guī)則。

接下來，你可以使用以下代碼來添加自定義驗(yàn)證規(guī)則:

// 添加自定義驗(yàn)證規(guī)則
jQuery.validator.addMethod("customMethod", function(value, element, params) {
  // 在這里編寫自定義驗(yàn)證規(guī)則的邏輯，比如驗(yàn)證輸入是否為偶數(shù)
  return value % 2 === 0;
}, "請輸入一個偶數(shù)");

// 設(shè)置自定義驗(yàn)證規(guī)則的錯誤提示信息
jQuery.validator.messages.customMethod = "請輸入一個偶數(shù)";

最后，你需要初始化ValidationEngine插件，并指定驗(yàn)證規(guī)則的錯誤提示位置:

$(document).ready(function() {
  $("#yourForm").validationEngine({
    promptPosition : "topLeft", // 錯誤提示位置
  });
});

這樣，當(dāng)用戶在提交表單時，ValidationEngine會自動驗(yàn)證表單輸入，并顯示相應(yīng)的錯誤提示信息。

希望能幫到你！

0 踩