So ändern Sie die JQuery-Validator-Sprachnachricht

Bin mit dem JQuery-Validator von http://bassistance.de/jquery-plugins/jquery-plugin-validation/. Wie kann ich es so machen, dass die Nachrichten, die maßgeschneidert sind und nicht in Englisch.

InformationsquelleAutor der Frage Luis Alvarado | 2011-05-31

jquery jquery-validate

Machen Sie es wie diese:

$(document).ready(function() {
  $("form#login").validate({
    lang: 'en'  //or whatever language option you have.
  });
});

Wenn die Sprache, die Sie beliefern möchten, ist das nicht einer der Standard-Sprachen, dann tun Sie dies:

$.tools.validator.localize("fi", {
    '*'          : 'Virheellinen arvo',
    ':email'     : 'Virheellinen s&auml;hk&ouml;postiosoite',
    ':number'    : 'Arvon on oltava numeerinen',
    ':url'       : 'Virheellinen URL',
    '[max]'      : 'Arvon on oltava pienempi, kuin $1',
    '[min]'      : 'Arvon on oltava suurempi, kuin $1',
    '[required]' : 'Kent&auml;n arvo on annettava'
});

  $("form#login").validate({
    lang: 'fi'
  });

Sehen diese Anweisungen für mehr.

InformationsquelleAutor der Antwort Dave Sag

30

Wenn Sie einen Blick in das Verzeichnis "Lokalisierung", die Sie finden konnte verschiedenen .js-Dateien, cointains Fehlermeldungen in verschiedenen Sprachen.
[so etwas wie "messages_XX.js"]

Wählen Sie die Datei aus der die Sprache, die Sie brauchen, und fügen Sie die folgende Zeile in den tag , nach der Eingliederung der jquery.validate.js
```
<script type="text/javascript" src="localization/messages_XX.js"></script>
```
InformationsquelleAutor der Antwort andre_lost
5

Die beste Methode ist die Erweiterung der plugin wie diesem, wenn nötig
```
$.extend($.validator.messages, {
    required: "my required message",
    ....
});
```
InformationsquelleAutor der Antwort astroanu

Hier wäre die JSON-Struktur in Ihrer ursprünglichen Validierung Skript wie Alex hat:

   rules: {
        accntTypeCL: {
            required: true,
        },
        accntNoCL: {
            required: true,
            minlength: 19,
            numberDash: true,
        }
    },                      
    messages : {
        accntTypeCL : {
            required : Messages.ERR_TEST,
        },
        accntNoCL : {
            required : Messages.ERR_TEST,
            numberDash : Messages.ERR_TEST,
            minlength : Messages.ERR_TEST2,
        },
    }

//This would be in your messages.js file... But you'll need to make sure you are using a Java backend or something that will pull the messages.js correctly
//For IBM worklight this worked great       

    Messages = {
//Add here your messages for the default language. 
//Generate a similar file with a language suffix containing the translated messages

ERR_TOPLEVEL : '<span role=\"presentation\">One or more of the required fields was left blank or is invalid.<\/span>',
//Test Messages for tracing
ERR_TEST: 'This be the test yar!',
ERR_TEST2: 'This be the test2 yar!'
};

Diese Weise können Sie wieder die gleichen Funktionen, die gleichen zusätzlichen Methoden, und die gleichen Fehler-Typen und verwenden Sie einfach die richtige messages.js die Datei basiert auf der Sprache html, die erkannt werden sollen, im browser oder aber, Sie haben es. Diese Methode funktionierte gut für mich.

InformationsquelleAutor der Antwort isaac weathers

Nehmen Blick auf meine Lösung

jQuery.extend(jQuery.validator.messages, {
        required: abp.localization.localize("FormValidationMessageRequired"),//"This field is required.",
        remote: "Please fix this field.",
        email: abp.localization.localize("FormValidationMessageEmail"),//"Please enter a valid email address.",
        url: abp.localization.localize("FormValidationMessageUrl"),//"Please enter a valid URL.",
        date: abp.localization.localize("FormValidationMessageDate"),//"Please enter a valid date.",
        dateISO: "Please enter a valid date (ISO).",
        number:  abp.localization.localize("FormValidationMessageNumber"),//"Please enter a valid number.",
        digits: "Please enter only digits.",
        creditcard: "Please enter a valid credit card number.",
        equalTo:  abp.localization.localize("FormValidationMessageDataEquals"),//"Please enter the same value again.",
        accept: "Please enter a value with a valid extension.",
        maxlength: jQuery.validator.format("Please enter no more than {0} characters."),
        minlength: jQuery.validator.format(abp.localization.localize("FormValidationMessageMinlength")),//jQuery.validator.format("Please enter at least {0} characters."),
        rangelength: jQuery.validator.format("Please enter a value between {0} and {1} characters long."),
        range: jQuery.validator.format("Please enter a value between {0} and {1}."),
        max: jQuery.validator.format(abp.localization.localize("FormValidationMessageMax")),//jQuery.validator.format("Please enter a value less than or equal to {0}."),
        min: jQuery.validator.format(abp.localization.localize("FormValidationMessageMin"))//jQuery.validator.format("Please enter a value greater than or equal to {0}.")
    });

und diese func abp.localization.localize(Key) return die lokalisierte Zeichenfolge auf der Basis der aktuellen Kultur, ist diese Funktion aus dem framework, das ich verwendet wird genannt aspnetboilerplate

weitere info finden Sie unter dieser stack-overflow-thread jQuery-Validierung: ändern der Standard-Fehlermeldung

InformationsquelleAutor der Antwort Basheer AL-MOMANI

1

Verwenden Sie die messages Objekt.

Schlüssel/Wert-Paare definieren von benutzerdefinierten
Nachrichten. Schlüssel ist der name eines
element Wert die Nachricht, um Sie anzuzeigen
für das element aus. Statt einer einfachen
Nachricht eine andere Karte mit spezifischen
Nachrichten, die für jede Regel eingesetzt werden kann.
Überschreibt die title-Attribut eines
element oder die Standard-Nachricht für die
Methode (in dieser Reihenfolge). Jede Nachricht
kann ein String oder ein Rückruf. Die
callback wird aufgerufen, im Rahmen der
Prüfung und mit der Regel
Parameter wie der erste und der
element wie der zweite arugment, es
muss einen String zurückgeben, um anzuzeigen, wie die
Nachricht.

Beispiel
```
$(".selector").validate({
   rules: {
     name: "required",
     email: {
       required: true,
       email: true
     }
   },
   messages: {
     name: "Please specify your name",
     email: {
       required: "We need your email address to contact you",
       email: "Your email address must be in the format of [email protected]"
     }
   }
})
```
Quelle.

InformationsquelleAutor der Antwort alex

Könnte man auch die Fehlermeldungen direkt in das markup wie dieses:

<input required data-msg="Please fill this field">
<input data-rule-minlength="2" data-rule-maxlength="4" data-msg-minlength="At least two chars" data-msg-maxlength="At most fours chars">

Sehen Dokumentation

Wenn Sie irgendeine Art von Lokalisierungs-plugin, Sie können verschieben Sie die Nachrichten in separaten Dateien. Hier verwende ich i18n-2 (npm-Modul):

<input id="email" type="email" name="email" data-msg=__("pages.apply.form.email.errormsg.required"))

Dann legte ich meine language-Dateien in einem Ordner:

/locales
    da.json
    en.json

en.json

"pages": {
        "apply": {
            "subtitle": "Apply here",
            "form": {
                    "email": {
                        "title": "Email",
                        "placeholder": "Your email address",
                        "warning": "NB! DER AFSENDES EN MAIL HERTIL",
                        "errormsg": {
                            "required": "Enter a valid email address"
                        }
                    }
             }
        }
 }

InformationsquelleAutor der Antwort olefrank

-1

geben Sie einfach ein "required" - Wert in der json definiert die Validierung. überprüfen Sie die demos Quelle, aber seine in der Kategorie Nachrichten

InformationsquelleAutor der Antwort Jordan Wallwork

-2

Spät, um das Spiel, aber wenn Sie die gleiche Vorlage für mehrere Sprachen, die Sie tun können, es inline:

if($('html').attr('lang')=='he'){
    $('form').validate({
        messages: {
            email:  "חובה",
            phone:  "חובה",
            zip:    "חובה"
        }
    });
}else{
    $('form').validate({
        messages: {
            email:  "Required",
            phone:  "Required",
            zip:    "Required"
        }
    });
};

InformationsquelleAutor der Antwort Heraldmonkey

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Beispiel