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 :

[JS] Comment détecter la validation d'un formulaire


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Avril 2007
    Messages
    277
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 277
    Par défaut [JS] Comment détecter la validation d'un formulaire
    Bonjour à tous,

    j'ai une action JS à executer lors de la validation d'un formulaire. Pour l'instant j'ai seulement un ONCLICK sur mon bouton de validation mais j'ai également un champ text. Donc lorsqu'on valide le formulaire en faisant entrer. La page se recharge, ce que je voudrais éviter, et le JS ne s'execute pas.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <FORM method="POST" name="ajax" action="">
            <label for="chatbox_msg">Message:</label>
            <input id="chatbox_msg" name="chatbox_msg" type="text" maxlength="300" value="" />
            <INPUT type="BUTTON" value="Submit"  ONCLICK="chatbox_envoi_msg()">
    </FORM>

    Je cherche également à ce que le contenu du champ text soit vidé à chaque fois que le formulaire est validé.

    Avez vous une idée?

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    avant l'envoi des données ou aprés ?

    si c'est avant ça sera dans le onsubmit ,
    si c'est après essaye de mettre un default ou alors dans le onload du body
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé Avatar de kohsaka
    Homme Profil pro
    Intégrateur HTML / Developpeur .NET
    Inscrit en
    Janvier 2007
    Messages
    383
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Intégrateur HTML / Developpeur .NET

    Informations forums :
    Inscription : Janvier 2007
    Messages : 383
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <form action="" method="post" name="ajax" enctype="text/plain" onSubmit="return check();">
    javascript:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    function check() {
      if (document.ajax.chatbox_msg.value == "")
      {
         return false;
      }
      else
      {
         return true;
      }
    }

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    oui sauf que du coup la valeur ne sera pas transmise ...
    Donc un intéret limité ...
    Je pense que le souci doit intervenir avec FFX qui conserve les saisies dasn un formulaire lors d'un retour sur la page ...
    D'ou le onload assorti événtuellement d'un leger setInterval ...

    Question déja posée il y a peu sur ce forum
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Avril 2007
    Messages
    277
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 277
    Par défaut
    Je n'ai pas encore testé mais je pense que la solution se trouve plus sur document.ajax.chatbox_msg.value que sur le Onload. Les informations du formulaire doivent être envoyées sans que la page ne se recharge. Cela ne peut donc pas être sur le Onload.

    Je vais donc faire une fonction similaire à check.

    Il me reste à savoir comment avoir le meme effet lorsque que je fais "entrer" et lorsque je clique sur le bouton de validation...

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    declenche ta focntion ajax dans le onsubmit de ton form ou dasn l'action

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    action="javascript:monajax()
    pour ce qui est de la remise à zero du champs, il suffit à la fin de ta focntion ajax de faire :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.forms[0].elements['nomduchamps'].value=''
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Réponses: 1
    Dernier message: 30/06/2010, 06h23
  2. Réponses: 2
    Dernier message: 16/07/2008, 08h41
  3. Réponses: 10
    Dernier message: 04/09/2007, 13h38
  4. Réponses: 1
    Dernier message: 04/06/2006, 00h35
  5. Réponses: 4
    Dernier message: 18/10/2005, 23h22

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