Discussion :

[nicerico]

Bonsoir,

J'ai button type submit qui declenche le onsubmit de mon formulaire
dans le onsubmit il y a un appel à une fonction et return false
cette fonction va faire un

Code :

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

$('form#pp').submit();

sous chrome il faut cliquez 2 fois sur le bouton pour que l'action de mon formulaire soit prise en compte

pourquoi ?

Merci de votre aide

[SpaceFrog]

Code :

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

$('#pp').submit();

un id étant unique sur la page , form est redondant ...

A part ça sans voir plus de code ...

[nicerico]

un peu de code

Code html :

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

1
2
<form id="pp" onsubmit="mafonction();return false;" target="_blank" method="GET" action="http://url_distante.com/pp/pp.php">
<button type="submit">envoyer</button>

mafonction :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var jqxhr = $.ajax({
            url : 'http://sitedistant.php',
            type : 'get',
            jsonpCallback: 'callback',
            contentType: "application/json",
            dataType : 'jsonp',
            data : {'format' : 'jsonp',
			'email' : email}
        })
        .done(function(data,text,jqXHR) {
			$('#pp').attr('onsubmit', '');
            $('#pp').submit();
	    }

edit :en fait sur IE ( et surement sur tous les autres) au 1er clic, il me bloque comme si c'etait une popup et au deuxieme clic il ouvre bien la page

Voilà
Merci de votre aide

[SpaceFrog]

Code :

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

 onsubmit="mafonction();return false;"

on a tout sauf le code de mafonction()
..

[nicerico]

mafonction : code simplifié

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
mafonction(){
var jqxhr = $.ajax({
            url : 'http://sitedistant.php',
            type : 'get',
            jsonpCallback: 'callback',
            contentType: "application/json",
            dataType : 'jsonp',
            data : {'format' : 'jsonp',
			'email' : email}
        })
        .done(function(data,text,jqXHR) {
			$('#pp').attr('onsubmit', '');
            $('#pp').submit();
	    }
}

[SpaceFrog]

oulà tu gère de façon très curieuse le onsubmit ...

Dis nous plutot quelle ergonomie tu souhaites

à priori tu veux soumettre le form en ajax
=> on utilise un preventDefault pour cela, mais explique en détail ce comportement souhaité

[Bovino]

Code :

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

$('#pp').attr('onsubmit', '');

Cette ligne est inutile : un submit() effectué par un script ne déclenche pas l'événement onsubmit.

[nicerico]

le formulaire se trouve dans une lightbox dont le contenu se trouve dans un div
ce formulaire est composé d'un champs email
au submit la fonction ajax via jsonp va vérifier si l'email est valide
au retour si valide je veux envoyer le formulaire vers une page d'inscription

cette lightbox va etre distribuée sur des sites se trouvant sur d'autres servers d'où l'emploi du jsonp

a l'origine ma fonction ne faisait pas de submit sur le formulaire
elle renvoyait true si la validation de l'email etait ok
et j'avais dans le onsubmit du formulaire :
if(mafonction) [traitement de stats}; return false;
mais cela ne fonctionnait que sur des pages sur le meme server
car avant que le ajax termine et renvoie true, ma fonction etait completement executée et ça renvoyait toujours false
et donc mon formulaire n'était jamais envoyé depuis un autre server

[nicerico]

Cette ligne est inutile : un submit() effectué par un script ne déclenche pas l'événement onsubmit.

elle est utile car le onsubmit fait appel à la fonction qui declenche le submit donc si je ne vide pas le onsubmit, ça va boucler

[nicerico]

apparement, pour le 1er clic, c'est considéré comme une popup par les navigateurs et ça bloque l'ouverture
et au second clic ça ouvre normalement
avec

Code :

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

$('#pp').submit();

et si je fais

Code :

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

1
2
3
$("#pp").find("button[type=submit]").on('click', function(e) {
                $('#pp').submit();
        });

toujours besoin de deux clic pour ouvrir mais le premier n'est apparement pas considéré comme l'ouverture d'une popup, il ne passe rien