Jquery - Problème avec la .submit()

Fermé

Foxy2Leo - Modifié par jordane45 le 4/02/2015 à 00:13
jordane45 Messages postés 38206 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 14 juin 2024 - 4 févr. 2015 à 00:22

Salut j'ai un véritable problème. j'utilise .submit() et je fais un return false mais je ne sais pourquoi je suis redirigé vers la page déclarée en action de mon formulaire. Voici le code :

----------------------------------------------

<!DOCTYPE html >
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>FONCTIONS</title>
</head>

<body>
<script>
 
 $(document).ready(function(){

  $('form').submit(function(){

   alert ("Ory");
   return false;
  });
 });
</script>

<form action="login.php" method="post" id="formulaire">

 <input type="text" name="submit" id="fox" name="fox">
 <span class="error" style="display:none">Erreur</span><br>
 <input type="submit" name="submit">
 
</form> 
<script src="jquery-1.10.2.js"></script> 
</body>
</html>

------------------------------------------------------------

Aidez-moi je vous en pris ;)

EDIT : Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

A voir également:

Jquery - Problème avec la .submit()
Submit wolf - Télécharger - Divers Web & Internet
A href submit - Forum PHP
Problème de jquery sur mozilla ✓ - Forum HTML
Tampermonkey jquery - Forum Javascript
Bouton submit invisible? ✓ - Forum Webmastering

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38206 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 14 juin 2024 4 677
4 févr. 2015 à 00:22

Bonjour,

Je pense que le premier souci vient du fait que tu load le JQUERY après ton FORM (et ton après ton HEAD...).

Le mieux serait de placer le load avant ton code javascript...

<!DOCTYPE html >
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>FONCTIONS</title>
</head>

<body>
<script type="text/javascript" src="jquery-1.10.2.js"></script> 
<script>
 
 $(document).ready(function(){

  $('form').submit(function(){
      alert ("Ory");
      return false;
   });
 });

// Si le premier code ne fonctionne pas...
// essayes celui là :
/*
$(document).ready(function(){
 $('#formulaire').submit(function( event ) {
    alert ("Ory");
   event.preventDefault();
  });
 });
*/
</script>

<form action="login.php" method="post" id="formulaire">

 <input type="text" name="submit" id="fox" name="fox">
 <span class="error" style="display:none">Erreur</span><br>
 <input type="submit" name="submit">
 
</form> 

</body>
</html>

Discussions similaires

onChange="javascript:submit();

Redirection Jquery onclick

jquery: refresh element enfant après ajax

jQuery & Regex

Formulaire HTML (submit = image)

Discussions similaires

Newsletters