PHP開発登録ページ用認証コード

検証コードは外部 PHP コードを使用して記述されます。詳細については、検証コード作成プログラムを参照してください。この章で使用する検証コード プログラムは次のとおりです

yanzhengma.php ファイルと検証コード プログラムを作成します。

<?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);
?>

: 確認コード プログラムをオンラインで実行すると、文字化けが表示されます。確認コードをページに追加するにはどうすればよいですか? 確認コード プログラムを開くと、Web ページに表示されている確認コードが単なる画像であることがわかります。そのため、<img> タグを使用できます。コードは次のとおりです

<p>验 证 码:<input type="text" name="yzm" id="yzm">
    <img src="yanzhengma.php">

src

: これが私たちの確認です。以下のように、プログラムは同じレベルのディレクトリにありません。 特定のパスを追加する必要があります

このようにして、ページに検証コードを追加することができます。検証コードでは、検証コードを更新する必要があります。これには、<img> タグの後に次のコードを追加するだけです


検証コードを前に作成したページのコードとマージします。

完全なコードは次のとおりです

<img src="yanzhengma.php" onClick="this.src='yanzhengma.php?nocache='+Math.random()" style="cursor:hand">

CSS スタイルが使用可能になり、検証コードが使用可能になったので、次のステップは、たとえばユーザー名とパスワードの場合はコンテンツを検証することです。入力されていない場合、ユーザーは送信できません。2 回入力したパスワードが異なる場合も異なります。送信するには、JS を使用して行う必要があります。次のセクションでは、JS を使用してこの情報を判断する方法を説明します


学び続ける
||
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> <style type="text/css"> body{background-color: rgba(223, 255, 231, 0.28) } .container{ border-radius: 25px; box-shadow: 0 0 20px #222; width: 380px; height: 400px; margin: 0 auto; margin-top: 200px; background-color: rgba(152, 242, 242, 0.23); } .right { position: relative; left: 40px; top: 20px; } input{ width: 180px; height: 25px; } button{ background-color: rgba(230, 228, 236, 0.93); border: none; color: #110c0f; padding: 10px 70px; text-align: center; display: inline-block; font-size: 16px; cursor: pointer; margin-top: 30px; margin-left: 50px; } </style> </head> <body> <form action="" method="post"> <div class="container"> <div class="right"> <h2>用户注册</h2> <p>用 户 名:<input type="text" name="name" id="name"></p> <p>密  码: <input type="password" name="pwd" id="pwd"></p> <p>确认密码: <input type="password" name="pwdconfirm" id="pwdconfirm"></p> <p>验 证 码:<input type="text" name="yzm" id="yzm"> <img src="yanzhengma.php" onClick="this.src='yanzhengma.php?nocache='+Math.random()" style="cursor:hand"></p> <p><button type="submit" value="注册" >立即注册</button></p> </div> </div> </form> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜