Je suis l'aide de l'excellent jquery.validation plugin par Jörn Zaefferer et je me demandais si il ya un moyen facile de découper automatiquement les éléments de formulaire avant de valider?
Ce qui suit est un coupé, mais de travail exemple d'un formulaire qui valide une adresse e-mail:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.5.5/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
$("#commentForm").validate({
rules: {
email: {
required: true,
email: true
}
}
});
});
</script>
</head>
<body>
<form class="cmxform" id="commentForm" method="get" action="">
<label for="cemail">E-Mail:</label><input id="cemail" name="email" class="required email" />
<input class="submit" type="submit" value="Submit"/>
</form>
</body>
</html>
Le problème est que certains utilisateurs sont confus parce qu'ils accidentellement entrer dans certains espaces dans leur adresse e-mail, par ex. "test@test.com ". Et la forme ne se soumettent pas et a un message d'erreur: "Veuillez entrer une adresse email valide.". Non techy les utilisateurs ne sais pas comment repérer les espaces et peut-être juste quittez le site plutôt que d'essayer de travailler sur ce qu'ils ont fait de mal.
De toute façon, j'espérais que je pourrais chaîne "jQuery.trim(value)" avant la validation de sorte que le
les espaces sont supprimés et la validation de l'erreur ne se produit jamais?
Je pourrais utiliser addMethod de construire mon propre e-mail de validation de fonction. Mais je suis sûr qu'il y a une solution plus élégante?
