Übersetzen custom jQuery-validation-Nachrichten

Ich habe eine Frage bezüglich jQuery Validierung plugin.

Habe ich verwendet Lokalisierung ändern des Standard-Sprache, in der Fehlermeldungen angezeigt werden, die in Spanisch, aber ich kann nicht finden, alles über benutzerdefinierte Meldungen übersetzt werden. Irgendwelche Hinweise?

beispielsweise

Habe ich die Datei mit der übersetzung für Spanisch, und das ist mein code:

$('.signup-form').validate({
    lang : 'es',
    rules:{
        tandc : {required : true}
    },
    messages:{
        tandc : {required : "You have to accept terms and conditions to proceed further"}
    }
})

Standard-Meldungen wie "Dieses Feld ist erforderlich" etc. erscheinen in Spanisch, jetzt will ich übersetzen Sie die obige Nachricht auf Spanisch, aber ich kann nicht finden, wo und wie definieren Sie den übersetzten text.

InformationsquelleAutor Rock Rathore | 2016-09-22

14

Ist nichts "übersetzt" werden durch das plugin. Die übersetzung erfolgt manuell und dann würde man diese neuen Nachrichten in eine lokalisierungsdatei, wo Sie over-ride die default.

Gibt es auch keine solche .validate() - option genannt lang überall in diesem plugin.

Nutzen Sie die Lokalisierungs-Dateien einfach die Mittel, einschließlich der Datei als solche abzustellen, nachdem Sie das plugin...
```
<script type="text/javascript" src="...path-to/jquery.validation/1.15.0/jquery.validate.js" />
<script type="text/javascript" src="...path-to/jquery-validation/localization/messages_es.js" />
```
Dann alle Standard-Meldungen werden in spanischer Sprache.

Standard-Meldungen wie "Dieses Feld ist erforderlich" etc. erscheinen in Spanisch, jetzt will ich übersetzen Sie die obige Nachricht auf Spanisch, aber ich kann nicht finden, wo und wie definieren Sie den übersetzten text.

Einschließlich der spanischen Lokalisierung Datei sagt einfach das plugin ersetzt die Standard-Nachrichten definiert, die von der spanischen Lokalisierung Datei.

Ihre messages - Objekt überschreibt diese Standardeinstellung Nachrichten, wenn Sie so wollen, eine Spanische Nachricht an over-ride die required Regel für nur ein einziges input-Feld, dann müssen Sie schreiben, eine in Spanisch. Es gibt keine integrierte dynamische übersetzung interpretieren können Ihre Nachrichten on-the-fly.
```
rules:{
    tandc : {
        required : true
    }
},
messages:{
    tandc : {
        required : "Tienes que aceptar los términos y condiciones de seguir avanzando"
    }
}
```
Dies ist die Priorität von Nachrichten verwendet:
1. Beliebigen text erklärt, für ein einzelnes Feld von der Regel oder gesamte Feld mit der messages Objekt innerhalb .validate() oder eine ähnliche Methode.
2. Wenn nichts definiert in Punkt 1: Über-ride-plugin-Standard-Nachrichten, wie definiert durch $.extend( $.validator.messages, {...}). Dies ist, wie die Lokalisierungs-Dateien arbeiten.
3. Wenn nichts definiert in Punkt #2: Standard-Nachrichten (Englisch), wie definiert durch das plugin.
Nun, wenn Sie brauchen, um dynamisch ändern, die Nachricht als definiert durch die messages Objekt nach .validate() hat, initialisiert das plugin auf Ihrer form, müssen Sie die .rules('add') Methode, um über-ride it.
```
$('[name="foo"]').rules('add', {
    messages: {
        required: "yo! I'm required."
    }
});
```
DEMO: jsfiddle.net/3fLkf47u/

Dank für das clearing der "lang" - Sache, ich sah es irgendwo und war herumalbern. Jedenfalls wurde ich gefragt, wie definieren Sie die übersetzungen in "messages_es" - Datei, und jetzt denke ich, ich habe meiner Antwort, da werde ich brauchen, um das überschreiben der Nachricht auf Spanisch mit diesem add-Methode. Cheers Mate für die richtige Klarstellung!!
Überprüfen Sie heraus alle unterstützten Sprachen und übersetzung-Tasten auf github

InformationsquelleAutor Sparky

Also habe ich einfach das script zu übersetzen Validierung von Nachrichten basierend auf akzeptierten Antworten

function translateValidationMessages(currentLang) {
  message = {
    en: {
      required: "Required.",
      remote: "Please fix this field.",
      email: "Wrong email.",
      url: "Please enter a valid URL.",
      date: "Please enter a valid date.",
      dateISO: "Please enter a valid date (ISO).",
      number: "Please enter a valid number.",
      digits: "Please enter only digits.",
      creditcard: "Please enter a valid credit card number.",
      equalTo: "Please enter the same value again.",
      maxlength: $.validator.format("Please enter no more than {0} characters."),
      minlength: $.validator.format("Please enter at least {0} characters."),
      rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."),
      range: $.validator.format("Please enter a value between {0} and {1}."),
      max: $.validator.format("Please enter a value less than or equal to {0}."),
      min: $.validator.format("Please enter a value greater than or equal to {0}.")
    },
    et: {
      required: "See väli peab olema täidetud.",
      maxlength: $.validator.format("Palun sisestage vähem kui {0} tähemärki."),
      minlength: $.validator.format("Palun sisestage vähemalt {0} tähemärki."),
      rangelength: $.validator.format("Palun sisestage väärtus vahemikus {0} kuni {1} tähemärki."),
      email: "Palun sisestage korrektne e-maili aadress.",
      url: "Palun sisestage korrektne URL.",
      date: "Palun sisestage korrektne kuupäev.",
      dateISO: "Palun sisestage korrektne kuupäev (YYYY-MM-DD).",
      number: "Palun sisestage korrektne number.",
      digits: "Palun sisestage ainult numbreid.",
      equalTo: "Palun sisestage sama väärtus uuesti.",
      range: $.validator.format("Palun sisestage väärtus vahemikus {0} kuni {1}."),
      max: $.validator.format("Palun sisestage väärtus, mis on väiksem või võrdne arvuga {0}."),
      min: $.validator.format("Palun sisestage väärtus, mis on suurem või võrdne arvuga {0}."),
      creditcard: "Palun sisestage korrektne krediitkaardi number."
    }
  };
    console.log("Translating validation messages to: "+currentLang);

  if (currentLang == "et") {
    $.extend($.validator.messages, message.et);
  } else {
    $.extend($.validator.messages, message.en);
  }

Ist und diese Funktion aufgerufen werden können, wenn Sprache dropdown geändert wird, zum Beispiel

 $("#lang").change(function() {
        translateValidationMessages(this.value)
        console.log("Setting language to " + this.value);
      });

Hoffe, dies hilft jemand

InformationsquelleAutor Mikk

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.