[AJAX] jQuery validate avec Ajax

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

Code:

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:

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:

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 !