Rabu, 06 Juni 2012

Praktikum 6.2

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 :

Tidak ada komentar:

Posting Komentar