Utilisation de JQuery - empêcher la soumission du formulaire

Question

Utilisation de JQuery - empêcher la soumission du formulaire

Demandé el 19 de Février, 2012: Quand la question a-t-elle été
410210 affichage: Nombre de visites la question a
4 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Comment empêcher la soumission d'un formulaire à l'aide de jquery ?

J'ai tout essayé - voir 3 options différentes que j'ai essayées ci-dessous, mais tout ne fonctionnera pas :

     $(document).ready(function() { 

            //option A
            $("#form").submit(function(e){
                e.preventDefault();
            });

            //option B
            $("#form").submit(function(e){
                stopEvent(e);
            });

            //option C
            $("#form").submit(function(){
                return false;
            });
    });

Qu'est-ce qui ne va pas ?

Mise à jour - voici mon html :

     <form id="form" class="form" action="page2.php" method="post"> 
       <!-- tags in the form -->
       <p class="class2">
           <input type="submit" value="Okay!" /> 
       </p>
    </form>

Y a-t-il quelque chose qui ne va pas ici ?

Demandé el 19 de Février, 2012 par Lucy Weatherford

Answer 1

4 Réponses

Answer 2

300voto

Philip Fourie Points 12889

Deux choses ressortent :

Il est possible que le nom de votre formulaire ne soit pas form . Référez-vous plutôt à la balise en laissant tomber le #.

De plus, le e.preventDefault est la syntaxe JQuery correcte, par exemple

     //option A
    $("form").submit(function(e){
        e.preventDefault();
    });

L'option C devrait également fonctionner. Je ne connais pas l'option B

Un exemple complet :

 <html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

        <script type='text/javascript'>
         $(document).ready(function() {
            //option A
            $("form").submit(function(e){
                alert('submit intercepted');
                e.preventDefault(e);
            });
        });
        </script>
    </head>

    <body>
        <form action="http://google.com" method="GET">
          Search <input type='text' name='q' />
          <input type='submit'/>
        </form>
    </body>
</html>

Répondu el 19 de Février, 2012 par Philip Fourie (12889 Points )

Answer 3

41voto

Artem Kiselev Points 583

Vous avez probablement peu de formulaires sur la page et l'utilisation de $('form').submit() ajoute cet événement à la première occurrence du formulaire sur votre page. Utilisez plutôt le sélecteur de classe ou essayez ceci :

 $('form').each(function(){
    $(this).submit(function(e){
        e.preventDefault();
        alert('it is working!');
        return  false;
    })
})

ou une meilleure version de celui-ci :

 $(document).on("submit", "form", function(e){
    e.preventDefault();
    alert('it works!');
    return  false;
});

Répondu el 15 de Février, 2014 par Artem Kiselev (583 Points )

Answer 4

23voto

WereWolf - The Alpha Points 49671

Pour empêcher l'utilisation par défaut/empêcher la soumission de formulaire

 e.preventDefault();

Pour arrêter le bouillonnement d'événements, utilisez

 e.stopPropagation();

Pour empêcher la soumission de formulaire, « return false » devrait également fonctionner.

Répondu el 19 de Février, 2012 par WereWolf - The Alpha (49671 Points )

Answer 5

5voto

vinxxe Points 51

J'ai eu le même problème et j'ai résolu de cette façon (pas élégant mais ça marche) :

 $('#form').attr('onsubmit','return false;');

Et cela a l'avantage, à mon avis, que vous pouvez inverser la situation à tout moment :

 $('#form').attr('onsubmit','return true;');

Répondu el 31 de Août, 2016 par vinxxe (51 Points )

Utilisation de JQuery - empêcher la soumission du formulaire

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Utilisation de JQuery - empêcher la soumission du formulaire

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: