controle des erreurs dans un formulaire
4 messages
• Page 1 sur 1
- abanote
- WRInaute discret
- Messages: 179
- Inscription: 27 Nov 2008
controle des erreurs dans un formulaire
le Mer Aoû 19, 2009 19:13
Bonjour
je souhaite que des messages d'erreur soient affichés
dans un <div> si les champs nom, email et telephone
sont mal completés (vide ou chiffre au lieu de lettre)
tout en restant sur cette page, bloquer la validation du <form>
Et j'ai comme ça 12 champs à controller
Peut etre existe t il un moyen plus simple :
merci
je souhaite que des messages d'erreur soient affichés
dans un <div> si les champs nom, email et telephone
sont mal completés (vide ou chiffre au lieu de lettre)
tout en restant sur cette page, bloquer la validation du <form>
Et j'ai comme ça 12 champs à controller
Peut etre existe t il un moyen plus simple :
- Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script>
function controle() {
if(document.getElementById('name').style.display == 'none' || document.getElementById('name').style.display == '') {
document.getElementById('err_name').style.display = 'block';
}else{
document.getElementById('err_name').style.display = 'none';
}
if(document.getElementById('email').style.display == 'none' || document.getElementById('email').style.display == '') {
document.getElementById('err_email').style.display = 'block';
}else{
document.getElementById('err_email').style.display = 'none';
}
if(document.getElementById('phone').style.display == 'none' || document.getElementById('phone').style.display == '') {
document.getElementById('err_phone').style.display = 'block';
}else{
document.getElementById('err_phone').style.display = 'none';
}
}
</script>
</head>
<body>
<form method="post" action="achat.php" name="form" id="form" onSubmit="return controle()">
<div class="label1" id="lname">Nom:</div>
<div class="label2">
<input type="text" id="name" name="name" size="35" maxlength="50" value="" />
<div id="err_name" style="display: none;">
<span class="warning" id="err_msg_name"></span>
</div>
</div>
<br />
<br />
<div class="label1">
<label for="email">Email:</label>
</div>
<div class="label2">
<input type="text" id="email" name="email" size="35" maxlength="60" value="" onblur="checkEmail();" />
<br />
<div id="err_email" style="display: none;">
<span class="warning" id="err_msg_email">erreur</span>
</div>
</div>
<br />
<div class="label1">
<label>Téléphone:</label>
</div>
<div class="label2">
<input type="text" id="phone" name="phone" size="17" maxlength="50" value="" />
<div id="err_phone" style="display: none;">
<span class="warning" id="err_msg_phone">erreur</span>
</div>
</div>
<div><input type="submit" onclick="javascript:controle();" value="Valider"></div>
</form>
</body>
</html>
merci
-
UsagiYojimbo - WRInaute accro
- Messages: 8575
- Inscription: 23 Nov 2005
Re: controle des erreurs dans un formulaire
le Mer Aoû 19, 2009 20:26
Une validation côté client, ce n'est pas franchement le mieux niveau sécu, rien de tel qu'une validation côté serveur (en php donc).
-
Leonick - WRInaute accro
- Messages: 19592
- Inscription: 8 Aoû 2004
Re: controle des erreurs dans un formulaire
le Jeu Aoû 20, 2009 18:54
j'aurais juste rajouté un message pour indiquer les champs non remplis.
Par contre, au niveau php, vérifie bien la cohérence des données par rapport aux infos souhaitées et fait le ménage de toute tentative d'insertion de données malveillantes
Par contre, au niveau php, vérifie bien la cohérence des données par rapport aux infos souhaitées et fait le ménage de toute tentative d'insertion de données malveillantes
4 messages
• Page 1 sur 1
Lectures recommandées sur ce thème :
- Soft 404 : les pages d'erreurs avec un code HTTP 200 - 08-06-2010
- Nombreuses erreurs 404 : impact sur le référencement - 30-03-2010
- Marketing viral et référencement - 11-10-2004
- La grogne contre AutoLink (Google Toolbar) - 22-02-2005
- L'API de goo.gl, le raccourcisseur d'URL de Google - 11-01-2011
- Un moyen très simple et gratuit d'obtenir des backlinks - 08-12-2008
- Diagnostic Référencement gratuit offert par Ranking Metrics - 17-09-2009
- Nouveautés dans l'API Google Analytics (Septembre 2009) - 19-09-2009
Consultez la description détaillée des produits ou services de Google suivants : Google Video Store
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité
Contact
Confidentialité