MVC Ajout de méthodes dans jquery.validate.unobtrusive.js

J'ai récemment eu une question sur prise en case de validation de travail sur le côté client au sein d'un projet MVC. Cette question a été répondu, mais a soulevé une autre question.

Pour que ma case de validation de travailler j'ai besoin d'ajouter les éléments suivants javascript directement dans 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);
});

cela fonctionnait très bien, mais je suis malheureux d'avoir à modifier ce fichier en cas de Microsoft ou de la validation plugin garçons à jour le fichier dans l'avenir. Si je ne suis pas encore à travailler sur le projet, ce fichier peut être remplacé sans que les gens s'en aperçoivent a été personnalisé.

Donc, avec cela à l'esprit, j'ai essayé d'ajouter ceci dans un fichier javascript externe:

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

Malheureusement maintenant le script côté client, sur mes cases à cocher ne s'exécute pas. N'importe qui peut voir ce que je fais mal?

Merci d'avance

S

source d'informationauteur Sniffer

  1. 9

    Sniffer,

    Plus je la regarde, plus je me serrer la tête (moi-même).

    Après un autre examen, Darin la méthode de travail, à condition que vous ajoutez une ligne à son script de page:

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

    Chaque fois que vous apportez une modification (par exemple l'ajout d'un nouvel adaptateur), vous devez ré-analyser la discrète attributs de validation. Depuis la dernière action en jquery.validate.unobtrusive.js est l'analyse des attributs, et la carte est ajoutée après l'analyse, de la ré-analyse permet de résoudre ce problème.

    counsellorben

    P. S. Cela résout votre problème, mais laisse encore en suspens la question de savoir comment ajouter d'autres validateurs personnalisés qui n'utilisent pas des méthodes intégrées de jquery.validate.js sans modifier jquery.validate.unobtrusive.js.

    P. P. S. j'ai trouvé la réponse pour l'ajout de méthodes de validation. Afin d'ajouter de validation personnalisée mmethods sans modifier jquery.validate.unobtrusive.jsvous avez besoin d ' "emprunter" des son code à ajouter à votre page de script. Ajout d'une méthode personnalisée, puis se présente comme suit:

    <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>
  2. 3

    Discrète de validation me donne rien, mais le chagrin.

    Dans une très très simple page de test, cela fonctionne:

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

    Cependant, lorsque je déplace ce code pour ma forme plus complexe, soudain, il s'arrête de travailler et je n'ai aucune idée de pourquoi et pas le temps de se plonger dans la discrète code pour essayer de le trouver.

    counsellorben la solution fonctionne dans ma forme plus complexe.

    Si quelqu'un peut m'indiquer un site qui explique en détail comment ajouter un validateur personnalisé pour discrète de la validation, je vous serai éternellement reconnaissant. Chaque site que je visite une autre solution.

  3. 0

    Je n'ai aucun problème à ajouter ce code à un fichier javascript, j'ai pillé de Ce site

    //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;
        }
    }
});

    Êtes-vous certain que vous avez mis votre script APRÈS les scripts jquery dans votre page? Le mien est le dernier de la liste.