jQuery validate avec Ajax

**Décibel** · 18/05/2014, 11h32

Bonjour,

Pas très doué avec le javascript et encore moins avec ajax...
Je cherche un tuto simple pour faire un test sur deux champs dans un formulaire, comme par exemple "champ1" et "champ2" et juste après la saisie de l'internaute (sur l'un ou l'autre) lui dire si oui ou non le texte entré est libre en faisant une requête dans la table "Tbl_texte", sans attendre le submit de la page...
Mais je ne trouve rien de simple sur le net...

Help !

**Décibel** · 18/05/2014, 19h05

Pas grand monde...
Je vous mets un petit formulaire exemple qui marche très bien !

Code html :

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

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Help</title>
 
<script src="../js/jquery.js"></script>
<script src="../js/jquery.validate.js"></script>
 
<script>

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
$(document).ready(function() {
	$("#form1").validate({
		rules: {
			email: {
				required: true,
				email: true
			},
			Nom: {
				required: true,
				minlength: 2
			},
		},
		messages: {
			Nom: {
				required: " SVP saisir votre nom",
				minlength: " Votre nom doit avoir 2 caractères minimum"
			},
			email: " Merci d'entrer une adresse valide !",
		}
	});
 
});

Code html :

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
</script>
<style type="text/css">
body {font-family:Verdana, Geneva, sans-serif;font-size:14px}
#form1 { width: 500px;background-color:#DADADA }
#form1 label { width: 250px; }
#form1 label.error, #form1 input.submit { margin-left:10px;color:#F00 }
</style>
 
</head>
<body>
<div>
  <form id="form1" method="post" action="">
	<fieldset>
		<legend></legend>
		<p>
		  <label>Nom</label>
			<input id="Nom" name="Nom" minlength="2" type="text">
	  </p>
    <p>
			<label>E-Mail </label>
			<input id="email" type="email" name="email">
    </p>
    <p>
		  <input class="submit" type="submit" value="Envoyer">
	  </p>
	</fieldset>
</form>
</div>
</body>
</html>

Mais voila je ne sais pas comment écrire la chose pour mettre dans ce formulaire un test sur Nom et email pour qu'a la fin d'une saisie une requête envoyée par ajax test si le nom ou l'email sont déjà présent dans la table : Tbl_contacts.
En faisant très simple, c'est juste après la saisie dans Nom que je teste si nom existe dans Tbl_contacts
Puis juste après la saisie dans Email que je teste si nom existe dans Tbl_contacts

Merci !

jQuery validate avec Ajax

jQuery

Discussions similaires

Partager

Partager