Champ obligatoire validation jquery montrant message d'erreur

J'ai validé certains champs dans mon formulaire.. Mais j'ai quelques questions..Si sans entrer dans les champs, il affiche le message d'erreur.. Si remplissez le champ encore de message d'erreur montre..

Comment mettre qui ?

Mon code

 $("#Name").focus();
$("#Name").blur(function(){
    var name=$('#Name').val();
    if(name.length == 0){
        $('#Name').after('<div class="red">Name is Required</div>');
    }
    else {
    return true;
    }
});

   $("#Address").blur(function(){
    var address=$('#Address').val();
    if(address.length == 0){
        $('#Address').after('<div class="red">Address is Required</div>');
        return false;
    }
    else {
    return true;
    }
});

quelqu'un peut m'aider svp?????

pls faire un violon
Quel genre de message d'erreur ?

InformationsquelleAutor PoliDev | 2013-07-20

Vous devriez le supprimer des étiquettes après que l'utilisateur de saisir des données

$("#Name").focus();
$("#Name").blur(function(){
    var name=$('#Name').val();
    if(name.length == 0){
        $('#Name').after('<div class="red">Name is Required</div>');
    }
    else {
        $('#Name').next(".red").remove(); //*** this line have been added ***
        return true;
    }
});

   $("#Address").blur(function(){
    var address=$('#Address').val();
    if(address.length == 0){
        $('#Address').after('<div class="red">Address is Required</div>');
        return false;
    }
    else {
        $('#Address').next(".red").remove(); //*** this line have been added ***
        return true;
    }
});

jsfiddle: DÉMO

Ce code a un bug. C'est en répétant d'alerte à chaque fois qu'il le flou sans retrait de la précédente.

InformationsquelleAutor frogatto

Votre code a un bug qu'il met div autant de fois que vous le flou dans la zone de texte vide.
Ce bug est enlevé par mon code Voir:

De Travail Démo http://jsfiddle.net/XqXNT/

$(document).ready(function () {
    $("#Name").focus();
    $("#Name").blur(function () {
        var name = $('#Name').val();
        if (name.length == 0) {
            $('#Name').next('div.red').remove();
            $('#Name').after('<div class="red">Name is Required</div>');
        } else {
            $(this).next('div.red').remove();
            return true;
        }
    });

    $("#Address").blur(function () {
        var address = $('#Address').val();
        if (address.length == 0) {
            $('#Address').next('div.red').remove();
            $('#Address').after('<div class="red">Address is Required</div>');
            return false;
        } else {
            $('#Address').next('div.red').remove();
            return true;
        }
    });

});

C'est mieux si vous utilisez l'attribut obligatoire qui fait le même travail avec moins de code et de la meilleure façon.

HTML5

<input type="text" name="name" required />
<input type="text" name="address" required />

InformationsquelleAutor Tushar Gupta - curioustushar

3

Essayer ce code (j'ai juste modifié la structure et a ajouté return false) :
```
$("#Name").focus()

$("#Name, #Address").blur(function(){
    if($(this).val().length == 0){
        $(this).after('<div class="red">This field is required</div>');
    } else {
        $(this).next('.red').remove()
    }
});
```
Mais je pense que la meilleure façon est d'ajouter la attribut obligatoire à vos champs comme ceci :
```
<input type="text" name="name" required />
<input type="text" name="address" required />
```
- Votre code peut ne pas fonctionner correctement avec $(this).next().remove() , cela peut entraîner le champ address à être retiré
- Oui mais j'ai mis à jour mon code. J'ai mis $(this).next('.red').remove()
InformationsquelleAutor Lucas Willems

Essayez de supprimer l'ajout de code html dans else condition.

 if(name.length == 0){
        $('#Name').after('<div class="red">Name is Required</div>');
    }
    else {
    $('.red').empty(); //here
    return true;
    }

Et de même pour $("#Address")

InformationsquelleAutor Suresh Atta

Vous devez vous connecter pour publier un commentaire.