web-dev-qa-db-fra.com

jQuery Validate - Masquer les messages d'erreur de validation d'affichage / afficher les erreurs personnalisées

J'utilise jQuery Validate, mais je ne veux vraiment pas avoir de messages d'erreur. Au contraire, je dois avoir des cases rouges autour des entrées/sélections/etc. Ces boîtes rouges étaient un morceau de gâteau à ajouter, mais je ne peux toujours pas supprimer les messages d'erreur eux-mêmes. Comment puis-je les désactiver complètement?

50
Anton Gogolev

Utilisez une fonction de placement d'erreur personnalisée (voir le plugin options ) qui n'ajoute le message d'erreur à rien.

$('#form').validate({
  errorPlacement: function(error,element) {
    return true;
  }
});

Ou vous pouvez mettre les messages d'erreur ailleurs sur la page - disons dans un DIV en haut de la page.

137
tvanfosson

Vous pouvez remplacer la fonction showErrors:

jQuery('form').validate({
    showErrors: function(errorMap, errorList) {
        // Do nothing here
    },
    onfocusout: false,
    onkeyup: false,
    rules: {
        email: {
            required: true
        }
    },
    messages: {
        email: {
            required: 'The email is required'
        }
    }
});
9
Darin Dimitrov

Voilà comment je le fais. Mettez simplement $.validator.messages.required = ''; avant votre appel à initialiser valider () c'est-à-dire:

$.validator.messages.required = '';
$('#formData').validate({});`

Cela lui fera afficher les styles sur les entrées, mais pas d'étiquettes de message!

7
James Lock