Jquery - Problème avec la .submit()
Foxy2Leo
-
jordane45 Messages postés 40053 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 40053 Date d'inscription Statut Modérateur Dernière intervention -
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 :
----------------------------------------------
------------------------------------------------------------
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
----------------------------------------------
<!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()
- JQuery non interprété - Forum Wordpress
- Javascript submit et onsubmit ✓ - Forum Javascript
- Redirection Jquery onclick ✓ - Forum Javascript
- Probleme de scope en jQuery. je conprend pas, ✓ - Forum Javascript
- Afficher et cacher en jquery ✓ - Forum Javascript
1 réponse
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...
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>
