Définir un message d'erreur personnalisé à l'aide de la maternelle règles du knock-out de validation plugin

Je suis en utilisant Asp.net MVC3 et knockoutjs de la bibliothèque. J'ai besoin de faire un peu la validation côté client. Je me penche sur le knock-out de validation plugin.

Donc, je déclare ce qui suit ko.observables valeur dans mon code js:

 var numberValue = ko.observable().extend({ number: true })

C'est mon point de vue de la partie:

<input data-bind = "value: numberValue " />

Lorsque l'utilisateur entre une valeur qui n'est pas un nombre, un message d'erreur s'affiche : "Veuillez entrer un nombre". Puis-je afficher un message d'erreur différent mais toujours en utilisant le natif de règles? Je ne veux pas écrire de validation personnalisée logique juste pour cela. Toute aide avec quelques exemple de travail sera grandement apprécié. Merci!!!!

InformationsquelleAutor Mdb | 2012-05-11
  1. 34

    Voici le code qui crée la validation des extensions.

    addExtender: function (ruleName) {
    ko.extenders[ruleName] = function (observable, params) {
        //params can come in a few flavors
        //1. Just the params to be passed to the validator
        //2. An object containing the Message to be used and the Params to pass to the validator
        //
        //Example:
        //var test = ko.observable(3).extend({
        //     max: {
        //         message: 'This special field has a Max of {0}',
        //         params: 2
        //     }
        // )};
        //
        if (params.message) { //if it has a message object, then its an object literal to use
            return ko.validation.addRule(observable, {
                rule: ruleName,
                message: params.message,
                params: params.params || true
            });
        } else {
            return ko.validation.addRule(observable, {
                rule: ruleName,
                params: params
            });
        }
    };
},

    Comme vous pouvez le voir tous les rallonges peuvent recevoir un params objet ou un objet littéral avec les params et un message personnalisé. Donc dans votre cas.

    var numberValue = ko.observable().extend({ number: { 
    message: "some custom message", 
    params: true 
} })

    Espère que cette aide.

    • Juste ce dont j'avais besoin. Merci beaucoup!
    • Simple et parfait!
    • Donc, attendez - il est possible de définir le ko.la validation.des règles.de modèle.message mais pas pour les autres!? J'ai juste essayé avec de validation.des règles.minLength et ça ne fonctionne pas - je peux voir la valeur définie sur l'objet, mais ensuite, il utilise juste la valeur d'origine.
    • comme indiqué ci-dessus, vous pouvez également utiliser {0} comme un espace réservé pour le paramètre : par exemple. this.foo = ko.observable('').extend({ max: { params: 5, message: "The maximum value is {0}!" } });
    InformationsquelleAutor madcapnmckay
  2. 33

    vous pouvez juste ajouter valider propriété comme cela

     emailAddress: ko.observable().extend({  //custom message
        required: { message: 'Please supply your email address.' }
    }),
    • yeap, fonctionne bien et c'est beaucoup mieux de répondre à celle ci-dessus. Utiliser les solutions apportées, tant que c'est possible
    • Je soutiens votre proposition, avec la contribution de l'information officielle: github.com/Knockout-Contrib/Knockout-Validation/wiki/... Dans le premier paragraphe, vous pouvez lire "var myObj = ko.observables().extend({ requis: { params: true, message: "Ce champ est requis.' } });"
    InformationsquelleAutor Sirarpi
  3. 1

    Les questions /réponses sont correctes. Cependant, si vous souhaitez modifier le message pour un validateur qui accepte d'ores et déjà d'autres paramètres, vous devez envelopper ces paramètres existants dans un nouvel objet nommé params.

    ko.observable().extend({
    unique: {
        params: {
            collection: foo,
            valueAccessor: function(item) {
                return item.bar();
            }
        },
        message: 'some custom message'
    }
}
    InformationsquelleAutor Rudey