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

秒速五厘米 2022-06-17 10:50 390阅读 0赞

一： 自定义验证规则

(1)  方法1 ，定义验证规则

$.validationEngineLanguage.allRules.name = {
                    "regex": /^\w{5,10}$/,
                    "alertText": "* 5到10个字母、数字、下划线"
                };

name就是自定义的验证规则名称

(2) 方法2 ，定义验证方法

function validateNameField(field, rules, i, options){
                var value = $("#name").val();
                if($(value =="" || value.length>10 || value.length < 5)){
                    return "* 5到10个字符";
                 }
            }

二 ： 在表单控件中添加验证

对应方法1

<form id="editform" action="#" method="post">  
        <input id="user" name="user" type="text" value="" class="validate[required,custom[name]]" />  
        <input type="submit" value="提交"/>  
    </form>

对应方法2

<form id="editform" action="#" method="post">  
        <input id="user" name="user" type="text" value="" class="validate[required,funcCall[validateNameField]]" />  
        <input type="submit" value="提交"/>  
    </form>

注意：如果不配合required使用，单独调用方法 **validate\[funcCall\[validateNameField\]\]，** 那么需要在return提示信息之前调用rules.push('required');  例如

function validateNameField(field, rules, i, options){
                var value = $("#name").val();
                if($(value =="" || value.length>10 || value.length < 5)){
    		rules.push('required');
                    return "* 5到10个字符";
                 }
            }

三： 启动验证机制

$ready(function () {  
            $("#editform").validationEngine();  
        });

发表评论取消回复

表情：

评论列表（有 0 条评论，390人围观）

还没有评论，来说两句吧...

相关阅读

相关 SpringMVC 中的数据验证如何使用自定义验证器

SpringMVC 中的数据验证如何使用自定义验证器简介 SpringMVC 是一个基于 Spring 框架的 Web 框架，它提供了一套完整的 MVC 架构，可

我就是我/ 2024年03月17日 18:50/ 0 赞/ 108 阅读

相关自定义shiro的验证方式

在认证、授权内部实现机制中，最终处理都将交给Real进行处理。因为在Shiro中，最终是通过Realm来获取应用程序中的用户、角色及权限信息的。在应用程序中要做的是自定义一

落日映苍穹つ/ 2023年08月17日 16:33/ 0 赞/ 143 阅读

相关使用代理完成自定义验证组件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

- 日理万妓/ 2022年12月08日 01:34/ 0 赞/ 142 阅读

相关 EasyUi实现自定义验证

1.创建一个正则表达式验证的js文件。如validatebox.js,内容如下：//扩展easyui表单的验证 //身份证验证 var aCity={11

我会带着你远行/ 2022年08月10日 17:38/ 0 赞/ 270 阅读

相关 yii2使用Model无刷新验证rule自定义方法

先配置rule / @inheritdoc / public function rules() { return [

短命女/ 2022年07月14日 07:29/ 0 赞/ 268 阅读

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

一：自定义验证规则 (1) 方法1 ，定义验证规则 $.validationEngineLanguage.allRules.name = {

秒速五厘米/ 2022年06月17日 10:50/ 0 赞/ 391 阅读

相关 @interface自定义注解的使用方法

> 转载请标明出处： > 原文首发于： [http://www.zhangruibin.com][http_www.zhangruibin.com] > 本文出自 [R

「爱情、让人受尽委屈。」/ 2022年05月08日 10:46/ 0 赞/ 886 阅读

相关 jQuery.validator.addMethod自定义验证方法

在开发中用到了jQuery的validate控件,有时需要自定义验证方法。我们可以通过jQuery.validator.addMethod()来实现，下面是例子：

超、凢脫俗/ 2022年03月17日 20:28/ 0 赞/ 287 阅读

相关 jQuery.validator.addMethod自定义验证方法

在开发中用到了jQuery的validate控件,有时需要自定义验证方法。我们可以通过jQuery.validator.addMethod()来实现，下面是例子： <!DOC

雨点打透心脏的1/2处/ 2021年11月26日 12:34/ 0 赞/ 344 阅读

相关 easyui input验证添加自定义验证方法

$.extend($.fn.validatebox.defaults.rules, { money: { validator: function(...

红太狼/ 2021年01月20日 06:09/ 0 赞/ 832 阅读