Legen Sie eine benutzerdefinierte Fehlermeldung mit den systemeigenen Regeln des Knockout-Validierungs-Plugins

Question

Ich benutze Asp.net MVC3 und knockoutjs-Bibliothek. Ich muss einige clientseitige Validierung durchführen. Ich erkunde das Knockout-Validierungs-Plugin.

So erkläre ich folgendes ko.observable Wert in meinem JS-Code:

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

Dies ist meiner Ansicht nach Teil:

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

Wenn der Benutzer einen Wert eingibt, der keine Zahl eine ist Fehlermeldung wird angezeigt: "Bitte geben Sie eine Nummer ein". Kann ich eine andere Fehlermeldung anzeigen, aber weiterhin die nativen Regeln verwenden? Ich möchte keine benutzerdefinierte Validierungslogik nur dafür schreiben. Jede Hilfe bei einigen Arbeitsbeispielen wird sehr geschätzt. Danke!

Answer 1

Hier ist der Code, der die Validierung Extender erstellt.

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

Wie Sie alle Extender sehen kann, kann ein params Objekt oder ein Objekt erhalten wörtlichen mit den params und eine benutzerdefinierte Meldung. Also in deinem Fall.

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

Hoffe das hilft.

Answer 2

Sie können nur Validate Eigenschaft wie dieser

emailAddress: ko.observable().extend({ // custom message 
     required: { message: 'Please supply your email address.' } 
    }), 

Answer 3

Die vorhandenen Antworten sind richtig hinzuzufügen. Wenn Sie jedoch die Nachricht für einen Prüfer ändern möchten, der bereits andere Parameter akzeptiert, müssen Sie diese vorhandenen Parameter in ein neues Objekt namens params übernehmen.

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