Le code de vérification est également écrit à l'aide de code PHP externe. Pour plus de détails, vous pouvez visiter notre programme de production de code de vérification utilisé dans ce chapitre est le suivant
Créez le yanzhengma. php et vérifiez le programme de code
<?php
session_start();
Header("Content-type:image/PNG");
$im = imagecreate(60, 25);
$back = imagecolorallocate($im, 245, 245, 245);
imagefill($im, 0, 0, $back);
$vcodes = "";
for($i = 0; $i < 4; $i++){
$font = imagecolorallocate($im, rand(100, 255), rand(0, 100), rand(100, 255));
$authnum = rand(0, 9);
$vcodes .= $authnum;
imagestring($im, 5, 9 + $i * 10, 5, $authnum, $font);
}
$_SESSION['VCODE'] = $vcodes;
for($i=0;$i<200;$i++) {
$randcolor = imagecolorallocate($im, rand(0, 255), rand(0, 255), rand(0, 255));
imagesetpixel($im, rand()%60, rand()%25, $randcolor); //
}
imagepng($im);
imagedestroy($im);
?>Remarque : Lors de l'exécution du programme de code de vérification en ligne, des codes tronqués apparaîtront.
Comment mettre notre code de vérification. Et si vous l'ajoutiez à la page ?
Ouvrez notre programme de code de vérification et constatez que le code de vérification affiché sur la page Web n'est qu'une image, nous pouvons donc utiliser la balise <img> Le code est le suivant
<p>验 证 码：<input type="text" name="yzm" id="yzm">
<img src="yanzhengma.php">
. src : Ceci est notre programme de code de vérification. Les programmes suivants ne sont pas dans le même répertoire. Vous devez ajouter un chemin spécifique
De cette façon, nous ajoutons le code de vérification. à la page, mais si nous y réfléchissons, nous cliquons généralement sur Code de vérification, le code de vérification sera actualisé, ce qui nécessite l'implémentation de notre JS. Il nous suffit d'ajouter le code suivant après la balise <img>
Nous mettons le code de vérification avec notre Les codes de page précédemment créés sont fusionnés
Le code complet est le suivant
<img src="yanzhengma.php" onClick="this.src='yanzhengma.php?nocache='+Math.random()" style="cursor:hand">
Maintenant que le style CSS est disponible et que le code de vérification est disponible, l'étape suivante consiste à vérifier notre contenu. Par exemple, si. le nom d'utilisateur et le mot de passe ne sont pas renseignés, l'utilisateur ne sera pas autorisé à soumettre. Le mot de passe saisi deux fois s'il est différent, il ne sera pas soumis. Cela doit être implémenté à l'aide de notre js. Dans la section suivante, nous vous expliquerons comment utiliser JS pour juger ces informations
section suivante
