jquery.validationEngine自定义验证的使用方法

avatar
作者
猴君
阅读量:0

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会自动验证表单输入,并显示相应的错误提示信息。

希望能帮到你!

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!