Discussion :

[seb-65]

Bonjour,

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

Je ne comprend pas pourquoi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("form").

retourne une collection ...

essaye

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

modifie ton id => _2

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[seb-65]

Bonjour SpaceFrog,

Je note ta remarque sur la numérotation des ID

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

[fab256]

donne un id et un name a ton form

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et pour le submit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#formulaire1").submit();

[seb-65]

Bonjour Fab,

J'ai déjà essayé et cela ne change rien non plus

[fab256]

IE ca rend malade! Ajoute return avant ta fonction de validation start()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[seb-65]

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

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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();">

[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.

[seb-65]

Même en modifiant le DOCTYPE cela est toujours la même chose...

[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 ?
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...

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

[fab256]

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

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

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 ?
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

[Bovino]

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