Jquery - Problème avec la .submit()
Foxy2Leo
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 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()
- Html input submit ✓ - Forum HTML
- Bouton submit invisible? ✓ - Forum Webmastering
- La faille csrf en jquery ? - Forum Javascript
- JQuery non interprété - Forum Wordpress
- Javascript submit et onsubmit ✓ - 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>
