Requête AJAX et soumission formulaire

**almoha** · 09/05/2012, 21h15

Bonjour,

Avec le code AJAX ci-dessous, je teste si un numéro ISBN existe déjà ou non dans ma base :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
<head>
 
<script type="text/javascript">
 
$(document).ready(function(){
 
	$('form[name="form_search_isbn"]').submit(function(){
 
	var isbn_val = $('#isbn_search').val();
 
		// DEBUT - APPEL AJAX POUR VERIFICATION DOUBLON SI ISBN EXISTE DEJA
		$.ajax
 
                ({
 
                url: 'ISBN_verif.php',  
	        type: 'GET',
                data:{isbn:isbn_val},
	        dataType: "json",
 
		success:function(data)
 
		{
 
		if(data.status =='error')
 
		  {
		  confirm('Cet ISBN existe déjà. Voulez-vous continuer ?');	
		  }			
 
		}
 
		});
		return false;
	// FIN - APPEL AJAX POUR VERIFICATION DOUBLON SI ISBN EXISTE DEJA
 
	});
 
});
 
</script>
 
</head>
 
<body>
 
<form id="form_search_isbn" name="form_search_isbn"
 method="post" action="traitement.php">
 
<!--ISBN-->
	<p>
	<fieldset style="width: 100px">
 
		<legend><strong>ISBN</strong></legend>
 
		<input type="text" name="isbn_search"
		size="25" id="isbn_search" maxlength="13"/>
 
		<input type="submit" value="chercher le livre"
		name="btSubmit" id="btSubmit" /> 
 
	</fieldset>
	</p>
<!--ISBN FIN-->
 
</form>
 
</body>

Grâce à firebug, je sais que ma requête fonctionne. La réponse est soit {"status":"succes"} si le code ISBN n'existe pas; soit {"status":"error"} si le code ISBN existe déjà.

Mon message de confirmation "Cet ISBN existe déjà. Voulez-vous continuer ?" s'affiche bien en cas de status "error". Mon problème est le suivant : si je clique sur "annuler", mon formulaire n'est pas soumis, ce qui est l'effet recherché. Mais si je clique sur "OK", le formulaire n'est pas soumis non plus, alors que je voudrais qu'il le soit dans ce cas là.
Je suis débutant, voyez-vous comment arriver au résultat escompté ? Merci.

**Tchupacabra** · 13/05/2012, 10h33

Bonjour,

Ton return retourne toujours FALSE pour le submit()... donc le formulaire n'est jamais soumis.
La méthode confirm() retourne TRUE (bouton ok) ou FALSE (bouton annuler)... utilise ces valeurs pour ton return.

@+

**almoha** · 13/05/2012, 11h37

Merci beaucoup, la solution passait effectivement par cette voie

Requête AJAX et soumission formulaire

jQuery

Vue hybride

Discussions similaires

Partager

Partager