controle d'un champ e_mail avec Jquery

**ranell** · 19/03/2008, 19h53

bonsoir à tous,
je voudrais controler la saisi d'un champ "e_mail" avec jquery, seulement je ne sais pas comment representer une chaine caractere de longueur non definie , je m'explique:
_____@________.____
les trois zones soulignés représentent des chaines de caracteres de longueurs indefinies.
j'ai trouvé sur ce site trois caractere prédifinie, pour representer des chiffres ,des numeriques et des alphanumerique:http://digitalbush.com/projects/masked-input-plugin
mais ca ne m'aide pas trop.
voici le code que j'ai trouvé sur le net ou je veux integrer le controle d'un champ e_mail:

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body>
<script type="text/javascript" src="jquery.js"></script>
<script src="jquery.maskedinput-1.0.js" type="text/javascript"></script>
<script type="text/javascript">
$.noConflict( ) 
jQuery(function($){
   $.mask.addPlaceholder("~","[+-]");
   $("#date").mask("99/99/9999");
   $("#phone").mask("(999) 999-9999");
   $("#tin").mask("99-9999999");
   $("#ssn").mask("999-99-9999");
   $("#product").mask("a*-999-a999",{placeholder:" ",completed:function(){alert("You typed the following: "+this.val());}});
   $("#eyescript").mask("~9.99 ~9.99 999");
});
</script>
<table>
<tr><td>Date</td><td><input id="date" type="text" tabindex="1"/></td><td>99/99/9999</td></tr>
<tr><td>Phone</td><td><input id="phone" type="text" tabindex="2"/></td><td>(999) 999-9999</td></tr>
<tr><td>Tax ID</td><td><input id="tin" type="text" tabindex="3"/></td><td>99-9999999</td></tr>
<tr><td>SSN</td><td><input id="ssn" type="text" tabindex="4"/></td><td>999-99-9999</td></tr>
<tr><td>Product Key</td><td><input id="product" type="text" tabindex="5"/></td><td>a*-999-a999</td></tr>
<tr><td>Eye Script</td><td><input id="eyescript" type="text" tabindex="6"/></td><td>~9.99 ~9.99 999</td></tr>
</table>
 
</body>
</html>