|
Si vous êtes un do-it-yourself programmeur et que vous voulez savoir comment ajouter l'image pour la validation d'un formulaire sur votre site web, alors c'est l'article que pour vous. Bien qu'il existe de nombreuses façons de faire, si vous suivez ces étapes, vous apprendrez la meilleure façon de faire le travail. Lorsque vous aurez maîtrisé l'exemple donné ici, vous aurez tous les concepts et l'expérience dont vous avez besoin d'incorporer le produit final dans votre formulaire sur votre site Web. Nous aurons besoin de deux fichiers. Le premier fichier sera de créer l'image de validation et d'incorporer l'image dans une forme de validation. Voici l'étape-par-étape de code pour le premier fichier: verify.php --- Début du fichier: VERIFY.PHP--- <? Php / / Création d'une image où width = 200 height = pixels et 40 pixels $ val_img = imagecreate (200, 40); / / Allouer 2 couleurs à l'image $ white = imagecolorallocate ($ val_img, 255, 255, 255); $ black = imagecolorallocate ($ val_img, 0, 0, 0); / / Création d'une graine de générer un nombre aléatoire srand ((double) microtime () * 1000000); / / Exécuter le nombre aléatoire par la fonction MD5 $ seed_string = md5 (rand (0,9999)); / / Couper la chaîne aléatoire jusqu'à 5 caractères / / Ceci est le code de validation, nous utiliserons $ val_string = substr ($ seed_string, 17, 5); / / Définit le fond de l'image au noir imagefill ($ val_img, 0, 0, $ black); / / Affiche le code de validation sur l'image en blanc imagestring ($ val_img, 4, 96, 19, $ val_string, $ white); / / Écrire le fichier image sur le répertoire en cours imagejpeg ($ val_img ", verify.jpg"); imagedestroy ($ val_img); ? > <! DOCTYPE html PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN" "http://www.w3.org/TR/html4/loose.dtd"> <Html> <Head> <Meta http-equiv = "Content-Type" content = "text / html; charset = iso-8859-1"> <Title> Verification Image </ title> </ Head> <Body> <Img src = "verify.jpg" height = "40" width = "200" alt = "Image de validation" /> <Br /> <br /> Tapez le code de validation de l'image. (la casse) <Form action = "validateform.php" method = "post"> <Input name = "random" type = "text" value = ""> <Input type = "submit"> <! - Le code de validation seront affichés à partir d'un élément de formulaire cachés -> <Input name = "validation" type = "hidden" value = "<? Php echo $ val_string?>"> </ Form> </ Body> </ Html> --- Fin de fichier: VERIFY.PHP--- Maintenant, nous allons créer un fichier qui va effectuer la validation en utilisant la méthode POST: --- Début du fichier: VALIDATEFORM.PHP--- <? Php if ($ _POST [ 'valider'] == trim ($ _POST [ ''])){ aléatoires echo "Vous êtes validées"; ) else ( echo "S'il vous plaît aller en arrière et faire valider."; ) ? > --- Fin de fichier: VALIDATEFORM.PHP--- NOTE IMPORTANTE: Comme de nombreux sites Web d'article libre ne prend pas en charge HTML dans le corps de l'article les fichiers ci-dessus ne fonctionnera que si vous éliminez l'espace après <et avant>. Suffit de faire une recherche et remplace tous. C'est vraiment tout ce qu'il ya à faire. Vous avez sans doute remarqué que j'ai aussi pris la peine d'inclure le DOCTYPE et des lignes charset dans ce simple exemple. Je l'ai fait comme un petit rappel pour vous assurer que toutes vos pages sur votre site sont conformes W3C. L'une des plus grandes erreurs que de nombreux webmasters faire est de négliger le respect du W3C sur leurs pages web. Si vos pages Web ne sont pas conforme aux normes W3C vous obtiendrez mauvais classement du moteur de recherche. Pire encore, si vous faites de la publicité, vos annonces mai ne pas être aussi pertinentes qu'elles devraient l'être! Dans mon autre article, j'explique la conformité W3C et les erreurs les plus communes. Copyright 2006 David Picella |