Message d'erreur de validation jQuery

Question

J'utilise le plugin de validation jQuery et je souhaite que le message d'erreur soit affiché dans une entrée de texte spécifique avec id = "test".

Comment faire?

Answer 1

regardant the documentation, vous pouvez savoir si vous avez des erreurs en questionnant numberOfInvalids()

var validator = $("#myform").validate({ 
    invalidHandler: function() { 
    $("#summary").text(validator.numberOfInvalids() + " field(s) are invalid"); 
    } 
}); 

et si vous en avez, vous pouvez alors passer par les éléments de votre forme individuelle

$("#myform").validate().element("#myselect"); 

Ce code renvoie une valeur booléenne indiquant si l'élément est valide ou non.

Answer 2

De l'Validation Plugin documentation:

$(".selector").validate({ 
    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 
     if (errors) { 
     var message = errors == 1 
      ? 'You missed 1 field. It has been highlighted' 
      : 'You missed ' + errors + ' fields. They have been highlighted'; 
     $("div.error span").html(message); 
     $("div.error").show(); 
     } else { 
     $("div.error").hide(); 
     } 
    } 
}) 

Answer 3

$("#myform").validate({ 
    errorPlacement: function(error, element) { 
    error.appendTo($('input#test')); 
    } 
}) 

Answer 4

$("#myform").validate({ 
     errorPlacement: function(error, element) { 
      $('input#test').val(error); 
     } 
    }); 

Bien que, je ne sais pas pourquoi vous voulez remplir un champ de saisie avec l'erreur de validation, mais je suis sûr que ça fait sens sur le front que vous concevez.