validate.js verschiedene Funktionen auf ungültige

Question

Ich benutze validation.js Plugin und in dem Fall, ich will es habe ich versucht, einige Änderungen zu machen, aber nach viel Nachdenken und Testen und Suchen habe ich nichts, zumindest nichts, was ich wollte ... ich habe diesen Code:

$("#form").validate({ 
    rules: 
    { 
     phone: 
     { 
      required: true, 
      number: true, 
      minlength: 6 
     } 
    }, 
    messages: 
    { 
     phone: 
     { 
      required: 'This field is required', 
      number: 'Invalid phone number', 
      minlength: 'Minimum length: 6' 
     } 
    } 
}); 

alles in Ordnung ist, aber ich will es einige verschiedene Funktionen zusätzlich zu zeigen, Massagen laufen, zum Beispiel, wenn der Benutzer Typ sth weniger als 6 Zeichen, show massage AND RUN Funktion EINS, wenn der Benutzertyp etw außer nums gibt, zeigt es Massage und auch RUN Funktion ZWEI

so etwas wie:

$("#form").validate({ 
     rules: 
     { 
      phone: 
      { 
       required: true, 
       number: true, 
       minlength: 6 
      } 
     }, 
     messages: 
     { 
      phone: 
      { 
       required: 'This field is required', 
       number: 'Invalid phone number' + function TWO, 
       minlength: 'Minimum length: 6' + function ONE 
      } 
     } 
    }); 

kann mir bitte jemand helfen?

Answer 1

Sie können einen Rückruf function anstelle von string als Wert für eine benutzerdefinierte Nachricht verwenden. Stellen Sie nur sicher, dass die Nachricht von dieser Funktion zurückgegeben wird. Auf diese Weise können Sie vor dem Ausgeben der Nachricht eine beliebige Operation ausführen. Der Rückruf function nimmt zwei Argumente, ersten ist der Wert, der an die Regel übergeben wird, und zweitens ist das Element.

messages

... Jede Nachricht kann ein String oder ein Rückruf sein. Der Callback wird im Gültigkeitsbereich des Validators mit den Parametern der Regel als erstem Argument und dem Element als zweitem Argument aufgerufen und muss einen String zurückgeben, der als Nachricht angezeigt wird.

messages: 
{ 
    phone: 
    { 
    required: 'This field is required', 
    number: function(rule, elem) { 
     doSomeStuff('run before number message'); 
     return 'Invalid phone number'; 
    }, 
    minlength: function(rule, elem) { 
     doSomeStuff('run before minlength message'); 
     return 'Minimum length: 6'; 
    } 
    } 
} 

die -- JSFiddle Example -- hier prüfen.