Un article de WikiTuto.

Apprendre le Javascript Javascript : le langage Coder le Javascript Navigateurs incompatibles Debugger Fichiers externes Orienté objet Les variables Déclaration et affectation String et nombre Vecteurs ou tableaux Grandeur d'un vecteur Vecteur en string Trier un vecteur Autres méthodes Les Opérateurs Arithmétiques Relationnels Logiques Priorités Eval Les Contrôles If - Else Switch case Boucle for Boucle while Boucle forever Boucle do-while Minuteries Intervalles Arrêt Les Fonctions Déclarations Portée des variables Valeur de retour Appel via lien With Évènements Onclick - Ondblclick Boutons rollover Détection clavier Attribution de focus Chargement de page Onerror Supprimer erreurs Infos sur les erreurs Les Objets Propriétés et méthodes This Créer un objet Créer une classe Voir propriétés objets Objets link et anchor Objet history Objet image Les Fenêtres Barre d'état Modifier les couleurs Changer titre de page Afficher informations Ouvrir nouvelle fenêtre Communication fenêtres Imprimer une fenêtre Redimensionner fenêtre Déplacer / fermer Boîtes de messages Les Strings Objet String Sous-chaînes Concaténation Formater Ancrages Longueur chaîne Modifier la casse Rechercher chaîne Remplacer texte Découper chaîne Les Dates Objet Date Afficher heure et date locale Lire valeurs heure/date Régler valeurs heure/date Fuseaux horaires Objet Math Propriétés Méthodes Arrondir des nombres Les Formulaires Champs de saisie Type mot de passe Éléments cachés Zones de texte Listes de sélections Cases à cocher Boutons radio Eval Désactivation Envoi formulaire Les Cadres Objet Frame Accéder cadre Nombre de cadres Référer aux cadres Écrire Redimensionner Cadre cible radio Imprimer Environnement Détection système Les cookies Multiples cookies Path domain Codage caractères Auteur : Mystick modifier Tdm Javascript

Explication

L'objet form possède des propriété et des méthodes qui permettent de réinitialiser et envoyer les données d'un formulaire vers un serveur. Les propriétés de form sont : action permet de déterminer où les données seront envoyées. method, pour sa part, indique comment elles seront envoyées au serveur. elements utilise un index pour faire référence à un élément du formulaire selon son ordre d'apparition. length retourne le nombre d'éléments du formulaire. target indique le nom de la fenêtre vers laquelle les données sont envoyées.

Les méthodes : reset() , permet de réinitialiser le formulaire submit(), permet de transmettre les données au serveur

Exemple

 <form name="formulaire">
 <input type="text" name="champTexte" >
 <input type= "reset" name= "boutonReset" value="Effacer tous les champs">
 </form>
 

• Validation de formulaire

Il est possible, grâce à JavaScript, d'effectuer une validation des données entrées dans un formulaire avant de les envoyer au serveur. Cette action fait en sorte de détecter des erreurs et de permettre à l'usager de les corriger avant de les transmettre. Utiliser JavaScript pour valider l'information épargne de devoir faire plusieurs échanges avec le serveur comme il le faudrait avec l'utilisation de scripts CGI sur serveur.

Une bonne manière de valider l'information est de faire des fonctions de validation qui sont appelées via la propriété onchange ou via un bouton. Afficher un message descriptif et clair à l'utilisateur sur ce qu'il doit entrer puis attribuer le focus sur l'élément fautif.

A voir aussi

• Les tutoriaux pour le Javascript
• Champs de saisie
• Type mot de passe
• Éléments cachés
• Zones de texte
• Listes de sélections
• Cases à cocher
• Boutons radio
• Eval
• Désactivation
• Envoi formulaire