IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Validation automatique des champs d'un formulaire


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 4
    Par défaut Validation automatique des champs d'un formulaire
    Salut !
    Alors je ne sais pas si je suis sur le bon forum, peut être que mon problème concerne du AJAX... Je suis pas sûre...


    Mon problème : comment sauvegarder un champ d'un formulaire dans la base dès lors qu'on quitte ce champ ?
    Par exemple, j'ai un formulaire avec :
    nom :
    prenom :

    Je saisie le nom. Lorsque je passe au prénom je souhaiterai que le nom soit sauvegardé dans ma base (update...). Je ne connais pas du tout ni le javascript ni l'ajax... J'ai vue que l'évènement quitter un champ correspondrait à "onBlur"...

    Merci d'avance,

    Merci, je suis ouverte à toutes propositions

  2. #2
    Membre confirmé Avatar de kryogen
    Homme Profil pro
    Inscrit en
    Mars 2007
    Messages
    140
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Mars 2007
    Messages : 140
    Par défaut
    yep, c'est bien de l'AJAX qu'il faut que tu utilises.
    en effet tu mets un "onblur" sur ton premier champ qui va renvoyer à une fonction javascript.

    exemple:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <input type="text" name="nomduchamp" value="" onblur="post_valeur();" />
    dans cette fonction, tu vas récupérer la valeur de ton champ.
    puis l'expédier avec AJAX.

    exemple:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
     
    function post_user()
    {
    var valeuraposter = document.nomduformulaire.nomduchamp.value;
     
    var xhr = null; 
     
    	if(window.XMLHttpRequest) // Firefox et autres
    	   xhr = new XMLHttpRequest(); 
    	else if(window.ActiveXObject){ // Internet Explorer 
    	   try {
                    xhr = new ActiveXObject("Msxml2.XMLHTTP");
                } catch (e) {
                    xhr = new ActiveXObject("Microsoft.XMLHTTP");
                }
    	}
    	else { // XMLHttpRequest non supporté par le navigateur 
    	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
    	   xhr = false; 
    	}
     
        xhr.open('POST','valid_ma_valeur.php',true);
        xhr.onreadystatechange = function()
            {
            if ((xhr.readyState == 1)||(xhr.readyState == 2)||(xhr.readyState == 3))
                {
                }
            else if (xhr.readyState == 4)
                {
                }
            }
        xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
        var data = 'valeuraposter='+escape(valeuraposter);
        xhr.send(data);
    }
    La valeur est postée (sans que ta page ne soit rafraichie) vers le fichier "valid_ma_valeur.php" (dans laquelle tu va traiter ta valeur pour l'insérer dans ta base)

    voilà, c'est un truc comme cela. A toi d'adapter le tout à ton code.

Discussions similaires

  1. Validation XML des champs d'un formulaire
    Par roukano dans le forum Struts 1
    Réponses: 0
    Dernier message: 24/04/2013, 11h57
  2. Mise à jour automatique des champs d'un formulaire
    Par laurentSc dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 16/03/2010, 14h27
  3. Mise à jour automatique des champs d'un formulaire
    Par laurentSc dans le forum Langage
    Réponses: 2
    Dernier message: 14/03/2010, 22h27
  4. Réponses: 4
    Dernier message: 22/05/2006, 15h41
  5. [MySQL] Remplissage automatique des champs d'un formulaire
    Par dodji05 dans le forum PHP & Base de données
    Réponses: 4
    Dernier message: 21/04/2006, 16h11

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo