Scribd
Importer
3 vues2 pages

Validation de formulaire en JavaScript

Le document présente un script JavaScript pour valider un formulaire en vérifiant si un champ est vide. Si le champ est vide, un message d'erreur s'affiche et le formulaire ne peut pas être soumis, sinon il peut être envoyé. Le code HTML associé inclut un formulaire avec un champ de texte et un bouton d'envoi.

Transféré par

chafia
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
3 vues2 pages

Validation de formulaire en JavaScript

Le document présente un script JavaScript pour valider un formulaire en vérifiant si un champ est vide. Si le champ est vide, un message d'erreur s'affiche et le formulaire ne peut pas être soumis, sinon il peut être envoyé. Le code HTML associé inclut un formulaire avec un champ de texte et un bouton d'envoi.

Transféré par

chafia
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

Vous avez une page avec un formulaire et un champ.

Écrivez un script qui va valider le


formulaire. Si le champ est vide, un message d'erreur est affiché à côté du champ et le
formulaire n'est pas envoyé. Si le champ contient des données, le formulaire peut être
envoyé.

Solution
Fichier "js/[Link]"

1. function validateForm() {
2. if([Link]('myField').value == '') {
3. [Link]('myFieldError').innerHTML = 'Le champ
ne peut être vide';
4. return false;
5. } else {
6. [Link]('myFieldError').innerHTML = '';
7. alert('Le formulaire peut être envoyé');
8. return true;
9. }
10. }

Fichier "[Link]"

1. <!DOCTYPE html>
2. <html lang="fr">
3. <head>
4. <meta author="Sébastien Adam">
5. <meta charset="UTF-8">
6. <meta name="language" content="fr">
7. <title>Validation d'un formulaire</title>
8. <script type="text/javascript" src="js/[Link]"></script>
9. </head>
10. <body>
11. <div>
12. <form id="myForm" onsubmit="return validateForm();">
13. <div>
14. <label for="myField">Champ&nbsp;:</label>
15. <input type="text" id="myField" size="60">
16. <span id="myFieldError"></span>
17. </div>
18. <div>
19. <input type="submit" value="Envoyer">
20. </div>
21. </form>
22. </div>
23. </body>
24. </html>

 Connaissances
 Cours
 Exercices

 JAVASCRIPT
 Hello world!
 Affichage d'un formulaire avec un champ texte
 Validation d'un formulaire
 Type des variables
 Fonction avec nombre indéterminé d'arguments
 Nombre aléatoire
 Objet en chaîne de caractères
 Calculateur de salaire

 PARTAGER
 diaspora*
 Twitter
 Google+
 Facebook
 E-Mail

Vous aimerez peut-être aussi