MVC 将方法添加到 jquery.validate.unobtrusive.js 中

Question

我最近有一个关于让复选框验证工作的问题在 MVC 项目中的客户端。这个问题已经成功回答，但又提出了另一个疑问。

为了使我的复选框验证工作，我需要将以下 javascript 位直接添加到 jquery.validate.unobtrusive.js 中：

$jQval.addMethod("mustbetrue", function (value, element, param) {
    // check if dependency is met
    if (!this.depend(param, element))
        return "dependency-mismatch";
    return element.checked;
});

adapters.add("mustbetrue", function (options) {
    setValidationValues(options, "mustbetrue", true);
});

这效果很好，但我不高兴必须更改此文件，以防万一 Microsoft 或验证插件男孩们将来会更新该文件。如果我不再从事该项目，则该文件可能会被覆盖，而人们却没有意识到它已被定制。

因此，考虑到这一点，我尝试将其添加到外部 javascript 文件中：

$.validator.addMethod("mustbetrue", function (value, element, param) {
    // check if dependency is met
    if (!this.depend(param, element))
        return "dependency-mismatch";
    return element.checked;
});

$.validator.unobtrusive.adapters.add("mustbetrue", function (options) {
    setValidationValues(options, "mustbetrue", true);
});

不幸的是，现在我的复选框上的客户端脚本无法运行。谁能看到我做错了什么吗？

提前

致谢

Answer 1

嗅探，

我越看越摇头（对自己）。

经过进一步审查，达林的方法将起作用，前提是您在他的页面脚本中添加一行：

<script type="text/javascript">
    $.validator.unobtrusive.adapters.addBool("mustbetrue", "required");
    $.validator.unobtrusive.parse();
</script>

每当您进行更改（例如添加新适配器）时，您必须重新解析不显眼的验证属性。由于jquery.validate.unobtrusive.js中的最后一个操作是解析属性，并且在解析之后添加适配器，因此重新解析可以解决此问题。

辅导员

​这解决了您的问题，但仍然没有解决如何添加其他自定义验证器的问题，这些验证器不使用 jquery.validate.js 中的内置方法而不修改 jquery.validate.unobtrusive。 js。

PPS 我找到了添加自定义验证方法的答案。为了在不修改jquery.validate.unobtrusive.js的情况下添加自定义验证方法，您需要“借用”它的一些代码来添加到您的页面脚本中。添加自定义方法如下所示：

<script type="text/javascript">
    var $jQval = $.validator,
        adapters,
        data_validation = "unobtrusiveValidation";

    function setValidationValues(options, ruleName, value) {
        options.rules[ruleName] = value;
        if (options.message) {
            options.messages[ruleName] = options.message;
        }
    }

    $jQval.addMethod("mustbetrue", function (value, element, param) {
        // check if dependency is met
        if (!this.depend(param, element))
            return "dependency-mismatch";
        return element.checked;
    });

    $.validator.unobtrusive.adapters.add("mustbetrue", function (options) {
        setValidationValues(options, "mustbetrue", true);
    });

    $jQval.unobtrusive.parse();
</script>

Answer 2

不引人注目的验证只给我带来悲伤。

在一个非常非常简单的测试页中，这是有效的：

$(document).ready(function () {
    jQuery.validator.unobtrusive.adapters.add(
        'mustbetrue', ['properties'], function (options) {
            options.rules['mustbetrue'] = options.params;
            options.messages['mustbetrue'] = options.message;
        }
        );

    jQuery.validator.addMethod('mustbetrue', function (value, element, params) {
        // check if dependency is met
        if (!this.depend(param, element)) {
            return "dependency-mismatch";
        }

        switch (element.type) {
            case "checkbox":
                return element.checked;
                break;
            case "hidden":
                return (value == 'true' || value == 'True');
                break;
            default:
                alert('type = ' + element.type);
                return true;
                break;
        }
    });
});

但是，当我将此代码移动到更复杂的表单时，它突然停止工作，我不知道为什么，也没有时间深入研究不引人注目的代码来尝试找出答案。

coachlorben 的解决方案以我更复杂的形式工作。

如果有人可以向我指出一个网站，该网站详细解释了如何正确地将自定义验证器添加到不引人注目的验证中，我将永远感激不已。我访问的每个网站都有不同的解决方案。

Answer 3

我可以毫无问题地将这段代码添加到外部 javascript 文件中，该文件是我从 此站点

// Custom validator for checkboxs
jQuery.validator.unobtrusive.adapters.add("brequired", function (options) {    
    //bool-required for checkboxes    
    if (options.element.tagName.toUpperCase() == "INPUT" && 
        options.element.type.toUpperCase() == "CHECKBOX") 
    {
        options.rules["required"] = true;        
        if (options.message) {
            options.messages["required"] = options.message;
        }
    }
});

您确定将脚本放在页面中的 jquery 脚本之后吗？我的是列表中的最后一个。