Kod pengesahan untuk halaman pendaftaran pembangunan PHP

Kod pengesahan juga ditulis menggunakan kod PHP luaran Untuk butiran, anda boleh melawati program pengeluaran kod pengesahan kami Program kod pengesahan yang digunakan dalam bab ini adalah seperti berikut

Buat yanzhengma. php dan sahkan program Kod

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

Nota: Apabila menjalankan program kod pengesahan dalam talian, kod bercelaru akan muncul. Anda perlu menjalankannya secara setempat.

Bagaimana untuk meletakkan kod pengesahan kami Bagaimana pula dengan menambahkannya pada halaman?

Buka program kod pengesahan kami dan dapatkan kod pengesahan yang dipaparkan pada halaman web hanyalah gambar, jadi kami boleh menggunakan tag <img>

src

: Ini ialah program kod pengesahan kami Program berikut tidak berada dalam direktori yang sama Anda perlu menambah laluan tertentu

Dengan cara ini, kami menambah kod pengesahan. ke halaman, tetapi jika kami memikirkannya, kami biasanya mengklik Kod pengesahan, kod pengesahan akan dimuat semula, yang memerlukan JS kami untuk melaksanakan Kami hanya perlu menambah kod berikut selepas teg <img>

Kami meletakkan kod pengesahan dengan Kod halaman yang dibuat sebelum ini digabungkan bersama

Kod lengkap adalah seperti berikut

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

Sekarang gaya css tersedia dan kod pengesahan tersedia, langkah seterusnya adalah untuk mengesahkan kandungan kami nama pengguna dan kata laluan tidak diisi, pengguna tidak akan dibenarkan untuk menghantar Kata laluan yang dimasukkan dua kali Jika ia berbeza, ia tidak akan diserahkan. Ini perlu dilaksanakan menggunakan js kami. Dalam bahagian seterusnya, kami akan memberitahu anda cara menggunakan JS untuk menilai maklumat ini

bahagian seterusnya

fail baharu

<!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>

serahkan Tetapkan Semula Kod

Operasi automatik

Skrin penuh