Today I quickly wrote the Dutch localization for the jQuery validate plugin. Download it here or read more to copy/paste it from this post.
To localize the plugin, just include my .js file in the HEAD after you’ve inluded the validation script itself.
Update: improved two messages based on sNiek’s feedback.
/*
* Translated default messages for the jQuery validation plugin.
* By Joost Baaij http://www.spacebabies.nl/ joost@spacebabies.nl
* Language: NL
* Skipped date/dateISO/number.
*/
jQuery.extend(jQuery.validator.messages, {
required: "Dit veld is verplicht.",
maxlength: jQuery.format("U kunt niet meer dan {0} karakters invoeren."),
minlength: jQuery.format("U dient minimaal {0} karakters in te voeren."),
rangelength: jQuery.format("U dient minimaal {0} en maximaal {1} karakters in te voeren."),
email: "Een geldig e-mailadres is verplicht.",
url: "Een geldig webadres is verplicht.",
date: "Een geldige datum is verplicht.",
number: "Een geldig getal is verplicht.",
digits: "Gebruik alleen cijfers.",
equalTo: "Herhaal de invoer nogmaals.",
range: jQuery.format("U dient een waarde tussen {0} en {1} in te voeren."),
max: jQuery.format("U dient een waarde kleiner dan of gelijk aan {0} in te voeren."),
min: jQuery.format("U dient een waarde groter dan of gelijk aan {0} in te voeren."),
creditcard: "Een geldig creditcardnummer is verplicht."
});
Ook al wat Nederlandse Methods geschreven? Zoals postcode en datum?
I tried to use the localization with jquery validation plugin with no success.
From the milk form example (part of the demos):
$(document).ready(function() {
// validate signup form on keyup and submit
var validator = $(“#signupform”).validate({
rules: {
firstname: “required”,
lastname: “required”,
username: {
required: true,
minlength: 2,
remote: “users.php”
},
password: {
required: true,
minlength: 5
},
password_confirm: {
required: true,
minlength: 5,
equalTo: “#password”
},
email: {
required: true,
email: true,
remote: “emails.php”
},
dateformat: “required”,
terms: “required”
},
messages: {
firstname: “Enter your firstname”,
lastname: “Enter your lastname”,
username: {
required: “Enter a username”,
minlength: jQuery.format(“Enter at least {0} characters”),
remote: jQuery.format(“{0} is already in use”)
},
password: {
required: “Provide a password”,
rangelength: jQuery.format(“Enter at least {0} characters”)
},
password_confirm: {
required: “Repeat your password”,
minlength: jQuery.format(“Enter at least {0} characters”),
equalTo: “Enter the same password as above”
},
email: {
required: “Please enter a valid email address”,
minlength: “Please enter a valid email address”,
remote: jQuery.format(“{0} is already in use”)
},
dateformat: “Choose your preferred dateformat”,
terms: ” ”
},
// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element) {
if ( element.is(“:radio”) )
error.appendTo( element.parent().next().next() );
else if ( element.is(“:checkbox”) )
error.appendTo ( element.next() );
else
error.appendTo( element.parent().next() );
},
// specifying a submitHandler prevents the default submit, good for the demo
submitHandler: function() {
alert(“submitted!”);
},
// set this class to error-labels to indicate valid fields
success: function(label) {
// set as text for IE
label.html(“ ”).addClass(“checked”);
}
});
// propose username by combining first- and lastname
$(“#username”).focus(function() {
var firstname = $(“#firstname”).val();
var lastname = $(“#lastname”).val();
if(firstname && lastname && !this.value) {
this.value = firstname + “.” + lastname;
}
});
$.extend(validator.messages, {
firstname: “Indtast dit fornavn”,
lastname: “Indtast dit efternavn”,
username: {
required: “Indtast dit brugernavn”,
minlength: jQuery.format(“Indtast mindst {0} tegn.”),
remote: jQuery.format(“{0} benyttes af en anden”)
},
password: {
required: “Provide a password”,
rangelength: jQuery.format(“Enter at least {0} characters”)
},
password_confirm: {
required: “Repeat your password”,
minlength: jQuery.format(“Enter at least {0} characters”),
equalTo: “Enter the same password as above”
},
email: {
required: “Indtast en gyldig email-adresse.”,
minlength: “Indtast en gyldig email-adresse.”,
remote: jQuery.format(“{0} benyttes af en anden”)
},
dateformat: “Vælg dit foretrukne datoformat”,
});
});
Shouldn’t you be able to extend and overwrite the messages of the validator with the messages for your language of choice!? Or am I simply using jQuery.extend in a wrong way?
Kristan
He cool, bedankt voor het werk. Een paar aanpassingen:
email: “Een geldig emailadres is verplicht.”,
url: “Een geldig URL is verplicht.”,
De juiste spelling is ‘e-mailadres’ en in plaats van URL zou je misschien beter webadres oid kunnen noemen:
email: “Een geldig e-mailadres is verplicht.”,
url: “Een geldig webadres is verplicht.”,
Goede toevoegingen! Ik zal het aanpassen.
Werkt, top, dank!
hallo
in welk bestand moet de code juist geplakt worden? in de head van welk bestand?
mvg
delphan