jQuery验证自定义验证器,在元数据标签和消息中具有多个参数

德洛里亚人

我想使用jQuery Validate来验证年龄在元数据标签中的两年之间,并指定年份作为参数。

我遇到的问题是我无法将参数作为对象传递,因此我不知道如何在错误消息中访问它们(并且无法找到任何文档)。

的HTML

<input type="text" name="dob" id="dob" validAge="[17,66]" />


的JavaScript

jQuery.validator.addMethod('validAge', function (value, element, params) {
        value = eLifeViewModel.age();
        if (value === '') {
            return false;
        }
        var range = JSON.parse(params);
        return value > range[0] && value < range[1];
    }, $.format('Applicants must be older than {0} and younger than {1} years of age'));


{0}的输出是我的参数字符串,{1}的输出是HTTPInputElement。


现在,我已经编写了minAge和maxAge函数来解决此问题,但是我仍然渴望获得对此的解决方案。

活泼的

您找不到文档,因为您做不到。

使用jQuery Validation插件和自定义方法,validAge当您需要传递参数时,不能内联声明规则。

<input type="text" name="dob" id="dob" validAge="[17,66]" />

只能内联声明可以用布尔值声明的某些规则(可以声明为class名称),或者也是HTML5验证属性的规则。

对于带有参数的自定义方法,必须可以)在.validate()方法中声明...

$('#myform').validate({
    // your options, rules, etc,
    rules: {
        dob: {
            validAge: [17,66]
        }
    }
});

编辑

正如@John Bubriski指出的那样,这应该可以工作。OP在其自定义方法中未正确访问参数。

OP正在使用JSON.parse ...

var range = JSON.parse(params);

由于控制台无法识别params为有效的JSON字符串,因此会在控制台中显示语法错误params无需解析变量。

参数被传递到功能params,因此它们可以被直接作为访问params[0]params[1]等等。

jQuery.validator.addMethod('validAge', function (value, element, params) {
    value = eLifeViewModel.age();
    if (value === '') {  // <- You do NOT need this! 
    /* Use the "required" rule instead of this conditional */
        return false;
    }
    return value > params[0] && value < params[1];
}, $.format('Applicants must be older than {0} and younger than {1} years of age'));

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

具有多个参数的自定义验证属性

来自分类Dev

基于休眠验证器中的验证失败,自定义验证器是否可以有多个消息?

来自分类Dev

在错误消息中返回自定义验证方法参数

来自分类Dev

在消息中包含用于自定义验证规则的参数

来自分类Dev

JQuery在多个位置(表单顶部和表单级别)验证自定义错误消息

来自分类Dev

具有参数的自定义角度验证器仅运行一次

来自分类Dev

自定义响应消息,可验证Node js中的所有必需参数

来自分类Dev

jQuery自定义验证消息

来自分类Dev

jQuery自定义验证消息

来自分类Dev

jQuery验证自定义方法规则和带有动态名称的消息?

来自分类Dev

带有参数的Angular 2自定义验证器

来自分类Dev

具有相同修改的自定义控件验证器

来自分类Dev

jQuery验证:在自定义div中显示错误标签

来自分类Dev

带参数的自定义验证器

来自分类Dev

Laravel中的自定义验证消息

来自分类Dev

来自控制器的带有参数的模型中的自定义验证

来自分类Dev

在__init__的Django表单中验证具有自定义约束的输入数据

来自分类Dev

在__init__的Django表单中验证具有自定义约束的输入数据

来自分类Dev

如何在扩展(自定义)验证器类中动态更改验证错误消息

来自分类Dev

您可以在消息内的Knockout自定义验证器中使用参数吗?

来自分类Dev

带有验证助手的自定义验证器

来自分类Dev

验证未在自定义验证器中调用

来自分类Dev

从Vue验证器构建自定义错误消息

来自分类Dev

扩展的自定义验证器类的Laravel错误消息

来自分类Dev

grails自定义验证器:强制无消息

来自分类Dev

如何在 jQuery 自定义验证器方法中格式化消息

来自分类Dev

Polymer CoreInput设置自定义验证消息和反向

来自分类Dev

simple_form和自定义验证消息

来自分类Dev

Polymer CoreInput设置自定义验证消息和反向

Related 相关文章

  1. 1

    具有多个参数的自定义验证属性

  2. 2

    基于休眠验证器中的验证失败,自定义验证器是否可以有多个消息?

  3. 3

    在错误消息中返回自定义验证方法参数

  4. 4

    在消息中包含用于自定义验证规则的参数

  5. 5

    JQuery在多个位置(表单顶部和表单级别)验证自定义错误消息

  6. 6

    具有参数的自定义角度验证器仅运行一次

  7. 7

    自定义响应消息,可验证Node js中的所有必需参数

  8. 8

    jQuery自定义验证消息

  9. 9

    jQuery自定义验证消息

  10. 10

    jQuery验证自定义方法规则和带有动态名称的消息?

  11. 11

    带有参数的Angular 2自定义验证器

  12. 12

    具有相同修改的自定义控件验证器

  13. 13

    jQuery验证:在自定义div中显示错误标签

  14. 14

    带参数的自定义验证器

  15. 15

    Laravel中的自定义验证消息

  16. 16

    来自控制器的带有参数的模型中的自定义验证

  17. 17

    在__init__的Django表单中验证具有自定义约束的输入数据

  18. 18

    在__init__的Django表单中验证具有自定义约束的输入数据

  19. 19

    如何在扩展(自定义)验证器类中动态更改验证错误消息

  20. 20

    您可以在消息内的Knockout自定义验证器中使用参数吗?

  21. 21

    带有验证助手的自定义验证器

  22. 22

    验证未在自定义验证器中调用

  23. 23

    从Vue验证器构建自定义错误消息

  24. 24

    扩展的自定义验证器类的Laravel错误消息

  25. 25

    grails自定义验证器:强制无消息

  26. 26

    如何在 jQuery 自定义验证器方法中格式化消息

  27. 27

    Polymer CoreInput设置自定义验证消息和反向

  28. 28

    simple_form和自定义验证消息

  29. 29

    Polymer CoreInput设置自定义验证消息和反向

热门标签

归档