Comment créer un formulaire CGI?

Transcription

1 Comment créer un formulaire CGI? Common Gateway Interface = Est un procédé qui permet de transmettre l'information recueillie dans un formulaire Web à un programme sur le serveur Web et de déclencher l'exécution de ce programme. Ce sont les CGI qui permettent, par exemple, à un moteur de recherche de fouiller une base de données et de présenter le résultat de la recherche, ou encore à un visiteur d'envoyer un message au responsable du site ou d'enregistrer une commande dans un catalogue électronique. Utilisation de mailto.cgi pour l'envoi de formulaires par courriel A. Utilisation de base; B. Validations et restrictions des éléments; C. Confirmation de réception. A. Utilisation des fonctions de base Un formulaire HTML est habituellement utilisé afin de permettre aux utilisateurs de fournir des renseignements qui seront ensuite envoyés par la fonction "POST" du protocole "HTTP". Le script CGI "mailto.cgi" vous permet de traiter les données du formulaire pour ensuite envoyer ces informations par courrier électronique. Il permet aussi de vérifier et de restreindre l'utilisation des divers éléments de formulaire et la possibilité d'envoyer une confirmation à l'envoyeur. Afin d'être en mesure d'utiliser ce script CGI, vous devrez en premier lieu créer une page HTML contenant le code source de base fourni ci-dessous. Ces codes sont les balises habituelles pour l'utilisation des formulaires en HTML, cependant, le nom (name="...") des éléments est sensible à la casse et doit être spécifique au format requis par "mailto.cgi"; le script que nous utiliserons pour traiter le contenu des éléments de formulaire. L'adresse Internet pour accéder au script CGI "mailto.cgi" : Voici un exemple de formulaire de base dans FrontPage : Remplacez <form action=» --WEBBOT-SELF--» method=»post»> Par <form action=" method="post"> Supprimez ensuite la ligne de code bleutée <! WEBBOT Placez ensuite ces 3 ligne de code en dessous de la première ligne de votre formulaire <FORM > Les codes suivants sont de types "hidden", donc invisibles, puisque ces informations ne doivent pas être visibles par l'utilisateur et sont nécessaires au script CGI. <input type="hidden" name="recipient" value="votre@adresse.courriel"> <input type="hidden" name="subject" value="sujet du courriel"> <input type="hidden" name="fromaddress" value="l'adresse courriel de l'envoyeur">

2 Les 6 fonctions suivantes sont optionnelles : <input type="hidden" name="thankurl" value=" <input type="hidden" name="errorurl" value=" <input type="hidden" name="separator" value=" : "> <input type="hidden" name="alpha_sort"> <input type="hidden" name="suppress_empty"> <input type="hidden" name="browser_info"> Voici maintenant les explications de ce code en détail : <form action=" method="post"> Ce code indique la création d'un formulaire et l'utilisation du script CGI comme interpréteur des données pour ce formulaire. <input type="hidden" name="recipient" value="votre@adresse.courriel"> L'adresse de courrier électronique où vous désirez recevoir les messages contenant les données de formulaire. <input type="hidden" name="subject" value="sujet du courriel"> Le sujet du message contenant les renseignements du formulaire. <input type="hidden" name="fromaddress" value="l'adresse courriel de l'envoyeur"> Cette option peut exécuter deux fonctions : 1. Vous pouvez tout simplement inscrire votre adresse de courrier électronique; les messages qui vous seront envoyés auront cette adresse dans le champ de l'expéditeur (FROM). 2. Vous pouvez aussi décider de questionner l'utilisateur dans votre formulaire à propos de son adresse de courrier électronique. C'est donc celle-ci qui se retrouvera dans le champ de l'expéditeur (FROM) du message reçu. Voici la procédure pour utiliser cette fonction : <input type="hidden" name="fromaddress" value="$courriel"> <input type="text" name="courriel" value="@"> La raison du "$" avant le mot "courriel" dans l'option "FROMADDRESS" est de faire une référence vers le contenu d'un champ de texte (Dans cet exemple : type="text" name="courriel") dans votre formulaire pour finalement remplacer l'adresse de courrier électronique de l'expéditeur (FROM) par l'information qui sera inscrite dans ce champ. <input type="hidden" name="thankurl" value=" OPTIONNEL : L'adresse Web où l'utilisateur sera redirigé après avoir rempli et envoyé le formulaire. Si vous n'utilisez pas cette fonction, l'utilisateur recevra une page (en anglais seulement) indiquant que le formulaire a été envoyé avec succès. <input type="hidden" name="errorurl" value="

3 OPTIONNEL : L'adresse Web où l'utilisateur sera redirigé s'il y a une ou des erreurs après avoir envoyé le formulaire. Si vous n'utilisez pas cette fonction, l'utilisateur recevra une page (en anglais seulement) indiquant la liste des erreurs dans le formulaire. <input type="hidden" name="separator" value=" : "> OPTIONNEL : Permet de spécifier le ou les caractères utilisés comme séparateur entre le nom des éléments et leur contenu dans le courriel qui est envoyé. Si vous n'utilisez pas cette fonction, le séparateur "=" sera utilisé. <input type="hidden" name="alpha_sort"> OPTIONNEL : Permet de trier par ordre alphabétique les éléments de formulaire dans le courriel qui est envoyé. Si vous n'utilisez pas cette fonction, les éléments seront triés selon leur ordre d'apparition dans le formulaire. <input type="hidden" name="suppress_empty"> OPTIONNEL : Permet de retirer les éléments de formulaire vides (sans contenu) dans le courriel qui est envoyé. Si vous n'utilisez pas cette fonction, tous les éléments (vides ou non) dans le formulaire seront inclus dans le courriel. <input type="hidden" name="browser_info"> OPTIONNEL : Cette fonction ajoutera automatiquement un en-tête dans le courriel contenant divers renseignements sur le navigateur de l'utilisateur qui a envoyé le formulaire. Par exemple, le type de navigateur, la langue, etc. B. Validations et restrictions des éléments du formulaire Le script "mailto.cgi" peut effectuer une validation des données du formulaire et ainsi appliquer les restrictions qui s'imposent selon les options que vous aurez définies dans votre formulaire. Par exemple, si vous désirez rendre obligatoire la réponse à un élément du formulaire, il y a une fonction permettant d'appliquer cette restriction. Voici les fonctions de validation et de restriction disponibles : <input type="hidden" name="check: nom_du_champ"> <input type="hidden" name="check:phone:nom_du_champ"> <input type="hidden" name="check:select:nom_du_champ" value="element_du_menu"> <input type="hidden" name="check:nonum:nom_du_champ"> <input type="hidden" name="check:noletter:nom_du_champ"> <input type="hidden" name="check:numonly:nom_du_champ"> <input type="hidden" name="check:letteronly:nom_du_champ"> <input type="hidden" name="check:notblank:nom_du_champ"> Voici un exemple de l'utilisation d'une fonction de validation : <input type="text" name="courriel" value="@"> <type="hidden" name="check: courriel"> Dans cet exemple, nous utilisons un champ de texte standard nommé "courriel" et la fonction "CHECK: " afin de vérifier que le champ de texte contiendra absolument une adresse de courrier électronique valide. La fonction doit toujours être inscrite à la suite de l'élément devant être vérifié.

4 L'application des fonctions de validation se fait avec la syntaxe suivante : <input type="hidden" name="check:fonction:nom_du_champ" value="element_du_menu"> CHECK:fonction : Applique la fonction de validation "fonction". nom_du_champ : Remplacez "nom_du_champ" par le nom de l'élément de formulaire à vérifier element_du_menu : Seule la fonction "SELECT" utilise cette valeur. Remplacez "element_du_menu" par le nom de l'élément du menu qui ne doit pas être sélectionné. Voici une brève description des types de fonctions de validation disponibles : Vérifie que le champ de texte contient une adresse de courrier électronique valide. PHONE : Vérifie que le champ de texte contient un numéro de téléphone valide. SELECT : Cette fonction s'applique aux menus de formulaire, et vérifie que l'élément "element_du_menu" n'est pas sélectionné lors de l'envoi du formulaire. Par exemple, si votre menu contient l'élément "< CHOISIR >", vous pouvez vous assurer que personne ne sélectionnera cet élément qui est indicatif et non valide comme choix. NONUM : Vérifie que le champ de texte ne contient pas de chiffres. NOLETTER : Vérifie que le champ de texte ne contient pas de lettre. NUMONLY : Vérifie que le champ de texte ne contient seulement que des chiffres. LETTERONLY : Vérifie que le champ de texte ne contient seulement que des lettres. NOTBLANK : Vérifie que le champ de texte n'est pas vide. Finalement, lors de la soumission du formulaire, si l'utilisateur qui a rempli le formulaire n'a pas répondu correctement aux restrictions que vous aurez établies, il se verra présenter une page contenant un message d'erreur qui expliquera les problèmes survenus. Si vous avez spécifié votre propre page d'erreur, il sera redirigé vers celle-ci. C. Confirmation de réception Le script "mailto.cgi" peut aussi envoyer un message de confirmation par courriel à l'adresse de l'utilisateur, contenant les informations que vous aurez définies (sujet, message, etc.). Cette procédure est habituellement utilisée afin de confirmer à l'utilisateur ayant rempli le formulaire que vous avez bien reçu ses informations (confirmation de réception). Voici un exemple du code HTML nécessaire : <input type="hidden" name="confirm_recipient" value="$courriel"> <input type="hidden" name="confirm_subject" value="sujet du courriel"> <input type="hidden" name="confirm_fromaddress" value="votre@adresse.courriel"> <input type="hidden" name="confirm_message" value="votre message de confirmation ici"> Voici maintenant les explications de ce code en détail : <input type="hidden" name="confirm_recipient" value="$courriel">

5 Afin que la fonction de confirmation soit vraiment utile, vous devez connaître l'adresse de courrier électronique de l'utilisateur ayant rempli le formulaire. Il est donc nécessaire d'en faire la demande dans votre formulaire et d'utiliser le champ contenant l'adresse courriel comme valeur pour cette option (dans cet exemple : $courriel). Ainsi, le message pourra être envoyé à l'adresse courriel correspondante. Dans le cas contraire, il sera impossible d'utiliser cette fonction, ne connaissant pas l'adresse où confirmer la réception. <input type="hidden" name="confirm_subject" value="sujet du courriel"> Le sujet du message de confirmation envoyé par courriel à l'utilisateur. <input type="hidden" name="confirm_fromaddress" value="votre@adresse.courriel"> L'adresse de courrier électronique de l'expéditeur du courriel de confirmation, donc la vôtre. <input type="hidden" name="confirm_message" value="votre message de confirmation ici"> Le message de confirmation envoyé par courriel à l'utilisateur. Vous pouvez utiliser plusieurs lignes afin de générer un message assez explicatif. Vous pouvez aussi utiliser le contenu de vos champs de formulaire sous forme de variable dans le message de confirmation. Par exemple, si vous avez un champ avec le nom "Forfait" (name="forfait"), vous pouvez inscrire le code $Forfait dans le texte afin que la variable soit remplacée par la valeur du champ de formulaire. Terminez votre formulaire avec le code HTML suivant : <input type="submit" value="envoyer"> </form>