Backbone: validation des attributs un par un

J'ai besoin de valider un formulaire avec un tas d'entrées. Et, si une entrée n'est pas valide, indiquer visuellement sous la forme d'un attribut n'est pas valide. Pour cela, j'ai besoin de valider chaque élément de formulaire individuellement.

J'ai un modèle & un point de vue représentant la totalité du formulaire. Maintenant, quand je mets à jour un attribut:

this.model.set('name', this.$name.val())

de la validation de la méthode sur le modèle sera appelé.

Mais, dans cette méthode, je suis la validation tous les attributs, donc lors de la définition de l'attribut ci-dessus, tous les autres sont également validés, et si quelqu'un n'est pas valide, une erreur est retournée. Cela signifie que même si mon attribut "name" est valide, j'ai des erreurs pour les autres.

Alors, comment puis-je valider juste un attribut?

Je pense qu'il n'est pas possible de valider un attribut via la validation de la méthode. Une solution est de ne pas utiliser la méthode de validation, et au lieu de valider chaque attribut sur "modifier" de l'événement. Mais alors, ce serait faire beaucoup de changements gestionnaires. Est-ce la bonne démarche? Que puis-je faire?

Je pense aussi que cela indique un problème plus important de la colonne vertébrale:

Chaque fois que vous utilisez model.set() définir un attribut du modèle, votre méthode de validation est exécutée et tous attributs sont validés. Cela semble contre-intuitif que vous voulez juste que seul attribut pour être validé.

source d'informationauteur treecoder

  1. 9

    Validate est utilisé pour garder votre modèle dans un état valide, il ne vous laisse pas définir une valeur non valide à moins que vous passiez un silent:true option.

    Vous pouvez soit régler l'ensemble de vos attributs en une seule fois:

    var M=Backbone.Model.extend({
    defaults:{
        name:"",
        count:0
    },

    validate: function(attrs) {
        var invalid=[];
        if (attrs.name==="") invalid.push("name");
        if (attrs.count===0) invalid.push("count");

        if (invalid.length>0) return invalid;
    }
});

var obj=new M();
obj.on("error",function(model,err) {
    console.log(err);
});
obj.set({
    name:"name",
    count:1
});

    ou de valider un par un avant de les mettre

    var M=Backbone.Model.extend({
    defaults:{
        name:"",
        count:0
    },

    validate: function(attrs) {
        var invalid=[];
        if ( (_.has(attrs,"name"))&&(attrs.name==="") )
            invalid.push("name");
        if ( (_.has(attrs,"count"))&&(attrs.count===0) )
            invalid.push("count");

        if (invalid.length>0) return invalid;
    }
});

var obj=new M();
obj.on("error",function(model,err) {
    console.log(err);
});

if (!obj.validate({name:"name"}))
    obj.set({name:"name"},{silent:true});
  2. 2

    J'ai récemment créé un petit Backbone.js plugin, De la colonne vertébrale.validateAllqui vous permettra de valider que le Modèle des attributs qui sont actuellement enregistrés/fixé par le passage d'un validateAll option.

    https://github.com/gfranko/Backbone.validateAll

  3. 1

    La question n'est pas de colonne vertébrale, il ne vous force pas à écrire la validation d'une certaine façon. Il n'y a pas de point dans la validation de tous les attributs ont persisté dans le modèle, la cause normalement, votre modèle ne contient pas d'attributs non valides, cause set() ne change pas le modèle, si la validation échoue, à moins que vous passiez silencieux option, mais c'est une autre histoire. Toutefois, si vous choisissez cette voie, la validation viens de passer toujours pour ne pas les attributs ont changé parce que du point mentionné ci-dessus.

    Vous pouvez librement choisir une autre voie: uniquement de valider les attributs qui doivent être définies (passé comme argument à validate()).

  4. 0

    Vous pouvez aussi surcharger votre modèle de la fonction de jeu avec votre propre fonction pour passer en mode silencieux: true pour éviter le déclenchement de la validation.

    set: function (key, value, options) {
    options || (options = {});
    options = _.extend(options, { silent: true });
    return Backbone.Model.prototype.set.call(this, key, value, options);
}

    Fondamentalement passe {silencieux:true} dans les options et les appels de la colonne vertébrale.Modèle de fonction par des {silencieux: true}.
    De cette façon, vous n'aurez pas à passer {silencieux: true} comme des options partout, où que vous appelez
    c'.de modèle.set('propertyName',val, {silencieux:true})

    Pour les validations, vous pouvez également utiliser la colonne vertébrale.La Validation du plugin
    https://github.com/thedersen/backbone.validation

  5. 0

    J'ai dû faire une modification à la backbone.validation.js fichier, mais il rendu la tâche beaucoup plus facile pour moi. J'ai ajouté de l'extrait de code ci-dessous pour valider la fonction.

    validate: function(attrs, setOptions){
            var model = this,
                opt = _.extend({}, options, setOptions);
            if(!attrs){
                return model.validate.call(model, _.extend(getValidatedAttrs(model), model.toJSON()));
            }

            ///////////BEGIN NEW CODE SNIPPET/////////////
            if (typeof attrs === 'string') {
                var attrHolder = attrs;
                attrs = [];
                attrs[attrHolder] = model.get(attrHolder);
            }
            ///////////END NEW CODE SNIPPET///////////////

            var result = validateObject(view, model, model.validation, attrs, opt);
            model._isValid = result.isValid;

            _.defer(function() {
                model.trigger('validated', model._isValid, model, result.invalidAttrs);
                model.trigger('validated:' + (model._isValid ? 'valid' : 'invalid'), model, result.invalidAttrs);
            });

            if (!opt.forceUpdate && result.errorMessages.length > 0) {
                return result.errorMessages;
            }
        }

    Que je ne puis appeler la validation sur un seul attribut comme

    this.model.set(attributeName, attributeValue, { silent: true });
this.model.validate(attributeName);