1. Tambah javascript untuk menentukan apakah password dan konformasi password adalah sama atau tidak, jika tidak sama berikan peringatan tapi tidak diproses ke halaman registrasi.php melainkan tetap pada halaman form-registrasi.html
Ini form-registrasi.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="on" lang="on">
<head>
<title>Membership Form</title>
<link rel="stylesheet" type="text/css" href="common.css" />
<!--common.cs merupakan code dari buku Beginning PHP 5.3-->
</head>
<body>
<h1>Formulir Pendaftaran</h1>
<form action="registrasi.php" method ="POST">
<div style ="width:30 cm;">
<label for ="nama">Nama</label>
<input type ="text" name ="nama" id="nama" value = ""/>
<label for = "nim">N I M</label>
<input type="text" name ="nim" id ="nim" value ="" />
<label for = "password1">Password</label>
<input type="password" name ="password1" id ="password1" value ="" />
<label for = "password2">Konfirmasi Password</label>
<input type="password" name ="password2" id ="password2" value ="" />
<label for ="laki-laki">Apakah Anda Laki-Laki...</label>
<input type="radio" name="jk" id="Laki-Laki" value ="Laki-Laki"/>
<label for="perempuan">...atau perempuan?</label>
<input type="radio" name="jk" id="perempuan" value="perempuan"/>
<label for ="paket">paket yang anda pilih?</label>
<select name="paket" id="favoriteWidget" size="1">
<option value="platinum">Paket Platinum</option>
<option value="gold">Paket Gold</option>
<option value="silver">Paket Silver</option>
</select>
<input type="submit" name="daftar" id="daftar" value="Daftar"/>
</div>
</form>
</body>
</html>
Ini registrasi.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="on" lang="on">
<head>
<title>Membership Form</title>
<link rel="stylesheet" type="text/css" href="common.css" />
</head>
<body>
<?php
if ($_POST["password1"] != $_POST["password2"]){
echo "<script>alert ('password tidak sama ');</script>";
}
else
{?>
<h1>Anda Telah Terdaftar</h1>
<p>Berikut adalah data anda:</p>
<dl>
<dt>Nama Anda </dt><dd><?php echo $_POST["nama"]?></dd>
<dt>NIM</dt><dd><?php echo $_POST["nim"]?></dd>
<?php if (($_POST["password1"])== $_POST["password2"]){?>
<dt>Password</dt><dd><?php echo $_POST["password"]?></dd>
<?php } ?>
<dt>E-Mail</dt><dd><?php echo $_POST["email"] ?> </dd>
<dt>Jenis Kelamin</dt><dd><?php echo $_POST["jk"]?></dd>
<dt>Paket yang anda Pilih</dt><dd><?php echo $_POST["paket"]?></dd>
</dl>
<?php } ?>
</body>
</html>
Output yg di minta jika password beda :
2. Tambahkan fungsi pada HTML 5 yang berguna untuk menentukan sebuah field itu wajib diisi atau tidak. Semua field wajib diisi.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="on" lang="on">
<head>
<title>Membership Form</title>
<link rel="stylesheet" type="text/css" href="common.css" />
<!--common.cs merupakan code dari buku Beginning PHP 5.3-->
</head>
<body>
<h1>Formulir Pendaftaran</h1>
<form action="registrasi3.php" method ="POST">
<div style ="width:30 cm;">
<label for ="nama">Nama</label>
<input type ="text" name ="nama" id="nama" value = "" required = 'required'/>
<label for = "nim">N I M</label>
<input type="text" name ="nim" id ="nim" value ="" required = 'required' />
<label for = "password1">Password</label>
<input type="password" name ="password1" id ="password1" value ="" required = 'required'/>
<label for = "password2">Konfirmasi Password</label>
<input type="password" name ="password2" id ="password2" value ="" required = 'required' />
<label for ="laki-laki">Apakah Anda Laki-Laki...</label>
<input type="radio" name="jk" id="Laki-Laki" value ="Laki-Laki" required = 'required'/>
<label for="perempuan">...atau perempuan?</label>
<input type="radio" name="jk" id="perempuan" value="perempuan" required = 'required'/>
<label for ="paket">paket yang anda pilih?</label>
<select name="paket" id="favoriteWidget" size="1">
<option value="platinum">Paket Platinum</option>
<option value="gold">Paket Gold</option>
<option value="silver">Paket Silver</option>
</select>
<input type="submit" name="daftar" id="daftar" value="Daftar"/>
</div>
</form>
</body>
</html>
dan registrasi.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="on" lang="on">
<head>
<title>Membership Form</title>
<link rel="stylesheet" type="text/css" href="common.css" />
</head>
<body>
<?php
if ($_POST["password1"] != $_POST["password2"]){
echo "<script>alert ('Tolong isi field yang kosong');</script>";
}
else
{?>
<h1>Anda Telah Terdaftar</h1>
<p>Berikut adalah data anda:</p>
<dl>
<dt>Nama Anda </dt><dd><?php echo $_POST["nama"]?></dd>
<dt>NIM</dt><dd><?php echo $_POST["nim"]?></dd>
<?php if (($_POST["password1"])== $_POST["password2"]){?>
<dt>Password</dt><dd><?php echo $_POST["password"]?></dd>
<?php } ?>
<dt>E-Mail</dt><dd><?php echo $_POST["email"] ?> </dd>
<dt>Jenis Kelamin</dt><dd><?php echo $_POST["jk"]?></dd>
<dt>Paket yang anda Pilih</dt><dd><?php echo $_POST["paket"]?></dd>
</dl>
<?php } ?>
</body>
</html>
Maka pemberitahuannya adalah :
3. Tambahkan e-mail pada form-registrasi.html sehingga user harus mengisi e-mailnya dan registrasi.php sehingga email yang diisi akan ditampilkan
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="on" lang="on">
<head>
<link rel="stylesheet" type="text/css" href="common.css" />
<!--common.cs merupakan code dari buku Beginning PHP 5.3-->
</head>
<body>
<h1>Formulir Pendaftaran</h1>
<form action="lanjut3.php" method ="POST">
<div style ="width:30 cm;">
<label for ="nama">Nama</label>
<input type ="text" name ="nama" id="nama" value = "" required = 'required'/>
<label for = "nim">N I M</label>
<input type="text" name ="nim" id ="nim" value ="" required = 'required' />
<label for = "password1">Password</label>
<input type="password" name ="password1" id ="password1" value ="" required = 'required'/>
<label for = "password2">Konfirmasi Password</label>
<input type="password" name ="password2" id ="password2" value ="" required = 'required' />
<label for = "email">E-Mail</label>
<input type="text" name ="email" id ="email" value ="" required = 'required' />
<label for ="laki-laki">Apakah Anda Laki-Laki...</label>
<input type="radio" name="jk" id="Laki-Laki" value ="Laki-Laki" required = 'required'/>
<label for="perempuan">...atau perempuan?</label>
<input type="radio" name="jk" id="perempuan" value="perempuan" required = 'required'/>
<label for ="paket">paket yang anda pilih?</label>
<select name="paket" id="favoriteWidget" size="1">
<option value="platinum">Paket Platinum</option>
<option value="gold">Paket Gold</option>
<option value="silver">Paket Silver</option>
</select>
<input type="submit" name="daftar" id="daftar" value="Daftar"/>
</div>
</form>
</body>
</html>
dan registrasi.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="on" lang="on">
<head>
<title>Membership Form</title>
<link rel="stylesheet" type="text/css" href="common.css" />
</head>
<body>
<?php
if ($_POST["password1"] != $_POST["password2"]){
echo "<script>alert ('password tidak sama ');</script>";
}
else
{?>
<h1>Anda Telah Terdaftar</h1>
<p>Berikut adalah data anda:</p>
<dl>
<dt>Nama Anda </dt><dd><?php echo $_POST["nama"]?></dd>
<dt>NIM</dt><dd><?php echo $_POST["nim"]?></dd>
<?php if (($_POST["password1"])== $_POST["password2"]){?>
<dt>Password</dt><dd><?php echo $_POST["password"]?></dd>
<?php } ?>
<dt>E-Mail</dt><dd><?php echo $_POST["email"] ?> </dd>
<dt>Jenis Kelamin</dt><dd><?php echo $_POST["jk"]?></dd>
<dt>Paket yang anda Pilih</dt><dd><?php echo $_POST["paket"]?></dd>
</dl>
<?php } ?>
</body>
</html>
Outputnya :
