MVC Добавяне на методи в jquery.validate.unobtrusive.js

Снифър,

Колкото повече гледам това, толкова повече клатя глава (за себе си).

При по-нататъшен преглед методът на Дарин ще работи, при условие че добавите един ред към скрипта на неговата страница:

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

Всеки път, когато правите промяна (като добавяне на нов адаптер), трябва да анализирате повторно ненатрапчивите атрибути за валидиране. Тъй като последното действие в jquery.validate.unobtrusive.js е анализирането на атрибутите и адаптерът се добавя след анализирането, повторното анализиране решава този проблем.

съветник

P.S. Това решава вашия проблем, но все още оставя неразрешен проблемът как да добавите други персонализирани валидатори, които не използват вградени методи от jquery.validate.js, без да модифицирате jquery.validate.unobtrusive.js.

P.P.S. Намерих отговора за добавяне на персонализирани методи за валидиране. За да добавите персонализирани mmethods за валидиране, без да модифицирате 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>

Ненатрапчивото утвърждаване не ми причинява нищо освен мъка.

В много проста тестова страница това работи:

$(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;
        }
    });
});

Въпреки това, когато преместя този код в моята по-сложна форма, внезапно той спира да работи и нямам представа защо и нямам време да се ровя в ненатрапчивия код, за да се опитам да разбера.

Решението на counsellorben работи в моята по-сложна форма.

Ако някой може да ме насочи към сайт, който обяснява подробно как правилно да добавя персонализиран валидатор към ненатрапчиво валидиране, ще бъда винаги благодарен. Всеки сайт, който посещавам, има различно решение.

Нямам проблем с добавянето на този код към външен 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 във вашата страница? Моят е последен в списъка.