Jquery addClass question

Question

Quelqu'un peut-il me dire ce que cela fait? Comment devrais-je me référer à ceci dans mon HTML? Ce que je veux, c'est faire écho à un message d'erreur dans le code HTML.

$('#' + $field) 
    .addClass('invalid') 
    .siblings('.error') 
     .text($message) 
     .show(); 

Answer 1

$('#' + $field) 
    // finding an element that has the `id` of the string/object referred to by $field 
    .addClass('invalid') 
    // adding the class-name 'invalid' to this element 
    .siblings('.error') 
     // selecting the sibling element of class-name 'error' 
     .text($message) 
     // replacing the text of that sibling, if any, with the value represented by the variable '$message' 
     .show(); 
     // showing/un-hiding that element. 

Vous pouvez l'utiliser en affectant d'abord un élément à $field, en ajoutant un élément en tant que frères et soeurs de cet élément du nom de classe « d'erreur », et l'attribution d'un message à la variable $message.

---

Edité en réponse à la demande de l'OP des éclaircissements (en commentaire).

Comme exemple assez basique:

$(document).ready(
    function(){ 
     var $field = $('input[name=fieldName]').attr('id'); 
     var error = 'This field needs something else. Such as...'; 

     $('#'+$field).addClass('invalid').siblings('.error').text($message).show(); 
    } 
); 

<form action="" method="get"> 
    <fieldset> 
     <label for="fieldName">This is a label:</label> 
     <input type="text" name="fieldName" id="fieldName" /> 

     <div class="error"></div> 
    </fieldset> 
</form> 

Rudimentary demo at JS Fiddle

Answer 2

Ajoute classname "invalide" (class = "invalide") au champ sélectionné et modifie les textes dans la fratrie avec classe ".error" et leur montre (supprime display: none).