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 :

Code au submit d'une Form


Sujet :

JavaScript

  1. #1
    Membre �m�rite
    Avatar de HULK
    Inscrit en
    Juillet 2003
    Messages
    1 276
    D�tails du profil
    Informations personnelles :
    �ge : 45

    Informations forums :
    Inscription : Juillet 2003
    Messages : 1 276
    Par d�faut Code au submit d'une Form
    Bonjour,

    Je voudrais pouvoir lancer un code au click bu bouton "OK" qui v�rifie ce qui a �t� mis dans le textbox "License Plate"
    Je ne peux pas modifier directement le code de la page, je suis oblig� d'ajouter un code dans les balises "script"
    Comme vous le voyez dans le print screen, le bouton OK n'a pas d'id ni de name

    je ne peux donc pas ajouter ce code :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    $("input[name='bOK']").on('click',function(event)
    J'ai donc essay� celui ci mais ca ne fonctionne pas :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    document.getElementsByName('#Form1').addEventListener('submit', function(e){
        if(!isValid){
            //e.preventDefault();    //stop form from submitting
    		alert('toto');
        }
      	alert('tutu');
    });
    Comment faire ? merci

    Nom : Capture2.JPG
Affichages : 142
Taille : 74,2 Ko

  2. #2
    Membre chevronn� Avatar de ASCIIDEFOND
    Homme Profil pro
    Autodidacte
    Inscrit en
    Novembre 2002
    Messages
    235
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activit� : Autodidacte

    Informations forums :
    Inscription : Novembre 2002
    Messages : 235
    Par d�faut
    Bonsoir � tous,

    Et comme �a ?

    Code JavaScript : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    document.querySelector('input[type="submit"]').addEventListener('click',function() {
    //...
    })

  3. #3
    Expert confirm� Avatar de Toufik83
    Homme Profil pro
    D�veloppeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 520
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activit� : D�veloppeur informatique
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 520
    Par d�faut
    Bonjour,

    Ton code ne fonctionne pas parce qu'il y'a un diez "#" en trop + absence de l'index [0] pour r�cup�rer le premier NodeList :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    document.getElementsByName('Form1')[0].addEventListener('submit', function(e){
       e.preventDefault();
       if(!isValid){
           alert('oui, valide');
       }
       else alert("non, invalide !"); 
    });

  4. #4
    Membre Expert Avatar de darkstar123456
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Mars 2008
    Messages
    1 895
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 41
    Localisation : Belgique

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : Mars 2008
    Messages : 1 895
    Par d�faut
    Bonjour,

    @Toufik83 a raison mais j'aimerais pr�ciser la correction qu'il a faite sans la d�crire : l'utilisation de e.preventDefault() qui est tr�s importante pour emp�cher la soumission du formulaire (attention qu'il ne faut le faire que si le formulaire n'est pas valide)

    Il est �galement beaucoup, beaucoup mieux d'�couter l'�v�nement submit plut�t que click, car dans le second il ne se d�clenche qu'au click sur le bouton, et donc si on appuie sur ENTER dans un input text, l'�v�nement ne sera pas trigger

  5. #5
    Membre �m�rite
    Avatar de HULK
    Inscrit en
    Juillet 2003
    Messages
    1 276
    D�tails du profil
    Informations personnelles :
    �ge : 45

    Informations forums :
    Inscription : Juillet 2003
    Messages : 1 276
    Par d�faut
    Merci ca fonctionne !

    Citation Envoy� par ASCIIDEFOND Voir le message
    Et comme �a ?

    Code JavaScript : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    document.querySelector('input[type="submit"]').addEventListener('click',function() {
    //...
    })

  6. #6
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    Bonjour,
    Merci ca fonctionne !
    quel a �t� ton choix au final, le moins bon !?!

    De plus m�langer jQuery et � JS Vanilla � n'a jamais �t� un bonne solution.

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. R�ponses: 16
    Dernier message: 15/08/2016, 14h13
  2. R�ponses: 5
    Dernier message: 30/01/2008, 20h24
  3. [code] Comment lister tous les �l�ments d'une form
    Par LE NEINDRE dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 16/10/2006, 11h23
  4. Submitter une form par coding.
    Par bertlef dans le forum JSF
    R�ponses: 4
    Dernier message: 19/09/2006, 11h50
  5. Comment recentrer une form � l'ex�cution du code?
    Par Mickey.jet dans le forum Delphi
    R�ponses: 2
    Dernier message: 27/06/2006, 15h54

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