chrome et jquery submit

Version imprimable

24/01/2013, 19h28
nicerico

chrome et jquery submit

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:

$('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
24/01/2013, 19h44
SpaceFrog

Code:

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

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

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

un peu de code :)

Code:

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:

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

25/01/2013, 09h02
SpaceFrog

Code:

onsubmit="mafonction();return false;"

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

mafonction : code simplifié :)

Code:

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

25/01/2013, 09h08
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é
25/01/2013, 09h21
Bovino

Code:

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

Cette ligne est inutile : un submit() effectué par un script ne déclenche pas l'événement onsubmit.
25/01/2013, 09h21
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
25/01/2013, 09h24
nicerico

Citation:

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
25/01/2013, 09h52
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:

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

et si je fais
Code:

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