jquery validationengine怎么自定义验证信息

avatar
作者
筋斗云
阅读量:0

要自定义验证信息,您可以使用ValidationEngine的addMethod函数来添加自定义验证规则,并在实例化ValidationEngine时设置自定义错误消息。

以下是一个示例:

首先,使用addMethod函数添加自定义验证规则和错误消息:

// 添加自定义验证规则 $.validationEngineLanguage.allRules['customRule'] = {     "regex": /^yourRegexPattern$/,     "alertText": "* Custom error message" };  // 在实例化ValidationEngine时设置语言选项 $(document).ready(function() {     $("#myForm").validationEngine({         promptPosition: "topRight",         addPromptClass: "customPrompt",         scroll: false,         autoHidePrompt: true,         autoHideDelay: 3000,         showOneMessage: false,         addCustomValidationFunction: function(field, rules, i, options) {             if (rules[i] == "customRule") {                 if (!field.val().match(options.allrules[rules[i]].regex)) {                     return options.allrules[rules[i]].alertText;                 }             }         }     }); }); 

然后,在HTML表单中使用自定义验证规则:

<form id="myForm" method="post">     <label for="myField">My Field:</label>     <input type="text" name="myField" id="myField" class="validate[required,customRule]" />     <input type="submit" value="Submit" /> </form> 

在上面的示例中,我们添加了一个名为"customRule"的自定义验证规则,并在实例化ValidationEngine时设置了自定义错误消息。然后,在HTML表单的输入字段中,我们使用"customRule"来应用这个自定义验证规则。

请注意,您需要将"yourRegexPattern"替换为您自己的正则表达式,并将"* Custom error message"替换为您想要显示的自定义错误消息。

希望这可以帮助到您!

广告一刻

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