form submit non fonctionnel sous IE

Version imprimable

Bonjour,

Le code ci-dessous fonctionne très bien sous FF,Opera,Safari et Chrome mais pas sous IE :calim2::cry:

Je ne comprend pas pourquoi :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
		$(document).ready(function() {
			$('button').click(function(e){
			e.preventDefault(); 
			if(this.id == "btn1") {
			 $('#1').click();
			 return false;
			} else if (this.id == "btn2"){
			$('#2').click();
			return false;
			} else {
				$("form").submit();
				return false;
			}
 
});
		});

Code:

1
2
3
4
5
6
7
8
9
10
<form action="post.php" method="post" enctype="multipart/form-data" onsubmit="start();">
<input type="file" name="file_up[]" id="1" autocomplete="off">
<button id="btn1">Choose File</button>
 
<input type="file" name="file_up[]" id="2" autocomplete="off">
<button id="btn2">Choose File</button>
 
<!--<input type="submit" value="Upload" />-->
<button id="btn3">submit</button>	
</form>

En fait lorsque je veux valider le formulaire rien ne se passe, il ne contacte pas le fichier post.php

Quel peut-être le problème ??

Merci

08/08/2012, 15h30
SpaceFrog

Code:

$("form").

retourne une collection ...

essaye

Code:

$("form:eq(0)").submit();

ou

Code:

$("form").get(0).submit();

ou

Code:

$("form")[0].submit();

De plus un id ne doit jamais être uniquement numérique ni commencer par du numérique

Code:

$('#2').click();

:nono:

modifie ton id => _2

Code:

$('#_2').click();
08/08/2012, 16h24
seb-65

Bonjour SpaceFrog,

Je note ta remarque sur la numérotation des ID :ccool:

Je viens d'essayer les différentes méthodes de submit mais aucune ne fonctionne sous IE...

As tu une autre idée que je poirrais essayer ?

Merci
08/08/2012, 16h50
fab256

donne un id et un name a ton form

Code:

<form name="formulaire1" id="formulaire1" action="post.php" method="post" enctype="multipart/form-data" onsubmit="start();">

et pour le submit

Code:

$("#formulaire1").submit();
08/08/2012, 17h24
seb-65

Bonjour Fab,

J'ai déjà essayé et cela ne change rien non plus :oops:
08/08/2012, 17h31
fab256
IE ca rend malade! Ajoute return avant ta fonction de validation start()

Code:

<form action="post.php" method="post" enctype="multipart/form-data" onsubmit="return start()">
Code:

1 2 3 4 5 6 function start() { // fonction de validation return true; //.... ou bien return false; }
peut etre ta fonction start() renvoi toujours false! dans IE.

Oué IE me fait pêter un cable !! :aie:

J'ai passé mon formulaire en iframe pour avoir le retour de l'upload.

Est-ce que le fait d'utiliser un IFRAME peut provoquer le problème ?
Code:

1 2 3 4 <iframe id="up_target" name="up_target" src="#" style="width:100;height:100;border:1px solid #000;"></iframe> <form id="thisForm" name="thisForm" action="post.php" method="post" enctype="multipart/form-data" target="up_target" onsubmit="start();">

08/08/2012, 18h38
fab256

Peut etre
l'attribut target dans <form> n'est pas supporté dans le HTML 4.01 Strict / XHTML 1.0 Strict DTD.
regarde l'entete de ta page web.
08/08/2012, 18h48
seb-65

Même en modifiant le DOCTYPE cela est toujours la même chose...
09/08/2012, 07h57
Bovino

Il me semble que pour IE, le formulaire doit comporter un bouton submit pour pouvoir être soumis par programmation.
De toute façon, puisque ton bouton 3 sert à soumettre le formulaire, pourquoi ne pas mettre tout simplement un submit ? :koi:
D'autant qu'un submit fait par programmation ne déclenche pas l'événement onsubmit, donc ta fonction start() n'est jamais appelée...

Citation:

l'attribut target dans <form> n'est pas supporté dans le HTML 4.01 Strict / XHTML 1.0 Strict DTD.

Ah...
http://www.w3.org/TR/html401/present...ml#adef-target
http://www.w3.org/TR/html401/interac...html#edef-FORM
09/08/2012, 13h22
fab256

Désolé je voulais dire 'déprécié' au lieu de 'pas supporté'.

http://www.w3schools.com/tags/att_form_target.asp

Citation:

Envoyé par Bovino

Il me semble que pour IE, le formulaire doit comporter un bouton submit pour pouvoir être soumis par programmation.
De toute façon, puisque ton bouton 3 sert à soumettre le formulaire, pourquoi ne pas mettre tout simplement un submit ? :koi:
D'autant qu'un submit fait par programmation ne déclenche pas l'événement onsubmit, donc ta fonction start() n'est jamais appelée...

Ah...
http://www.w3.org/TR/html401/present...ml#adef-target
http://www.w3.org/TR/html401/interac...html#edef-FORM
09/08/2012, 14h16
Bovino

Citation:

Envoyé par fab256

Désolé je voulais dire 'déprécié' au lieu de 'pas supporté'.

Comme le montrent les liens fournis, l'attribut target est tout à fait autorisé, n'en déplaise à W3Schools qui n'en est pas à une erreur près : W3Fools – A W3Schools Intervention