Validation jQuery : modifier le message d'erreur par défaut

Question

Existe-t-il un moyen simple de modifier les valeurs d'erreur par défaut dans le système d'information de l'entreprise ? Plugin de validation jQuery ?

Je veux juste réécrire les messages d'erreur pour qu'ils soient plus personnels à mon application - j'ai beaucoup de champs, donc je ne veux pas définir le message individuellement pour le champ x... Je sais que je peux le faire !

Answer 1

Ajoutez ce code dans un fichier séparé/script inclus après le plugin de validation pour passer outre les messages, à modifier à volonté :)

jQuery.extend(jQuery.validator.messages, {
    required: "This field is required.",
    remote: "Please fix this field.",
    email: "Please enter a valid email address.",
    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.",
    accept: "Please enter a value with a valid extension.",
    maxlength: jQuery.validator.format("Please enter no more than {0} characters."),
    minlength: 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("Please enter a value less than or equal to {0}."),
    min: jQuery.validator.format("Please enter a value greater than or equal to {0}.")
});

Answer 2

Vous pouvez spécifier vos propres messages dans l'appel de validation. J'ai repris et abrégé ce code à partir du formulaire d'inscription de Remember the Milk utilisé dans la documentation du plugin Validation ( http://jquery.bassistance.de/validate/demo/milk/ ), vous pouvez facilement spécifier vos propres messages :

var validator = $("#signupform").validate({
    rules: {
        firstname: "required",
        lastname: "required",
        username: {
            required: true,
            minlength: 2,
            remote: "users.php"
        }
    },
    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")
        }
    }
});

L'API complète pour validate(...) : http://jqueryvalidation.org/validate

Answer 3

Cela a marché pour moi :

$.validator.messages.required = 'required';

Answer 4

Cela a marché pour moi :

// Change default JQuery validation Messages.
$("#addnewcadidateform").validate({
        rules: {
            firstname: "required",
            lastname: "required",
            email: "required email",
        },
        messages: {
            firstname: "Enter your First Name",
            lastname: "Enter your Last Name",
            email: {
                required: "Enter your Email",
                email: "Please enter a valid email address.",
            }
        }
    })

Answer 5

Une autre solution possible consiste à parcourir les champs en boucle, en ajoutant le même message d'erreur à chaque champ.

$('.required').each(function(index) {
  $(this).rules("add", {
    messages: {
      required: "Custom error message."
   }
  });
});