开发者

jQuery validation in different languages

I've found a pretty good jQuery Validation plugin, it includes

different languages (in the localization folder), however

I haven't found a way to actually use them, how do I make it use German f开发者_如何学Goor instance?


I only needed to add the localization files after the validation plugin.

<script type="text/javascript" src="jquery.validate.js"> </script>
<script type="text/javascript" src="localization/de.messages.js"> </script>


After including <script type="text/javascript" src="jquery.validate.js"></script> and your custom .js file in your html, ideally you would have your javascript file look something like this:

$.extend( $.validator.messages, {
 required: "Dieses Feld ist ein Pflichtfeld.",
 maxlength: $.validator.format( "Geben Sie bitte maximal {0} Zeichen ein." ),
 minlength: $.validator.format( "Geben Sie bitte mindestens {0} Zeichen ein." ),
 rangelength: $.validator.format( "Geben Sie bitte mindestens {0} und maximal {1} Zeichen ein." ),
 email: "Geben Sie bitte eine gültige E-Mail Adresse ein.",
 url: "Geben Sie bitte eine gültige URL ein.",
 date: "Bitte geben Sie ein gültiges Datum ein.",
 number: "Geben Sie bitte eine Nummer ein.",
 digits: "Geben Sie bitte nur Ziffern ein.",
 equalTo: "Bitte denselben Wert wiederholen.",
 range: $.validator.format( "Geben Sie bitte einen Wert zwischen {0} und {1} ein." ),
 max: $.validator.format( "Geben Sie bitte einen Wert kleiner oder gleich {0} ein." ),
 min: $.validator.format( "Geben Sie bitte einen Wert größer oder gleich {0} ein." ),
 creditcard: "Geben Sie bitte eine gültige Kreditkarten-Nummer ein."
});

$( "#id" ).validate({
 rules: {
  name: {
   required: true,
   email: true
  }
 },
 submitHandler: function(form) {
  form.submit();
 }
});

Other languages can be found here: Localization


I know this is a very old question but for someone looking how to exactly implement different languages, they can follow this:

    <script type="text/javascript" language="javascript" src="Javascript/jquery.validate.js"></script>
    <xsl:if test="$LANG = 'es-mx'">
        <script type="text/javascript" language="javascript" src="Javascript/messages_es.js"></script>
    </xsl:if>
    <xsl:if test="$LANG = 'fr-ca'">
        <script type="text/javascript" language="javascript" src="Javascript/messages_fr.js"></script>
    </xsl:if>

By default, the error messages will be shown in English if non of the localization files are included in your webpage.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜