Tugas kali ini adalah membuat form tagihan menggunakan php.
tagihan.php:
index.php:
<!DOCTYPE html>
<html>
<head>
<title>Form Pembayaran Listrik</title>
<style type="text/css">
.btn
{
display:inline-block;
padding:10px;
border:1px solid #ddd;
background:#eee;
color:#000;
text-decoration:none;
margin:0.5em 0 0 8em;
}
.login {
padding: 1em;
margin: 2em auto;
width: 17em;
background: #fff;
border-radius: 3px;
}
</style>
</head>
<body>
<script type="text/javascript">
function validasi_input(form)
{
pola_idpel=/^[0-9\_\-]{6,100}$/;
pola_nomet=/^[0-9\_\-]{10,100}$/;
if (form.name.value == "")
{
alert("Nama anda masih kosong.");
form.name.focus();
return (false);
}
else if (!pola_idpel.test(form.idpelanggan.value))
{
alert ('Id pelanggan terdiri dari 6 angka.');
form.idpelanggan.focus();
return false;
}
else if (!pola_nomet.test(form.nometer.value))
{
alert ('Nomor Meter terdiri dari 10 angka.');
form.nometer.focus();
return false;
}
return (true);
}
</script>
<div class="login">
<h1>Pembayaran Tagihan Listrik</h1>
<h4>Perusahaan Hampir Bangkrut</h4>
<table>
<form action="tagihan.php" method="POST" onsubmit=" return validasi_input(this)">
<tr>
<td>Nama</td>
<td><input type="text" name="name"> </td>
</tr>
<tr>
<td>ID Pelanggan</td>
<td><input type="text" name="idpelanggan"></td>
</tr>
<tr>
<td>No. Meter</td>
<td><input type="text" name="nometer"></td>
</tr>
<tr>
<td><br><input type="submit" value="Bayar" class="btn"></td>
</tr>
</form>
</table>
</div>
</body>
</html>
tagihan.php:
<!DOCTYPE html>
<html>
<head>
<title>Form Pembayaran Listrik</title>
<style type="text/css">
.login {
padding: 1em;
margin: 2em auto;
width: 17em;
background: #fff;
border-radius: 3px;
}
.tagihan{
width: 60%;
margin: auto;
}
</style>
</head>
<body>
<div class="login">
<h1>Invoice <?php $invoice = 1; echo $invoice;?></h1>
<p>Tagihan Listrik</p>
<table>
<tr><td>Tangal</td><td> : <?php echo date("d/m/Y") . "<br>"; ?></td> </tr>
<tr><td>Tgl. Jatuh Tempo</td><td> : <?php echo date("d/m/Y", strtotime("+ 2 days")) . "<br>"; ?></td> </tr>
<tr><td>ID Pelanggan</td><td> : <?php echo $_POST['idpelanggan'] ;?></td> </tr>
<tr><td>Nama</td><td> : <?php echo $_POST['name'] ;?></td> </tr>
<tr><td>No. Meter</td><td> : <?php echo $_POST['nometer'] ;?></td> </tr>
</table>
</div>
<div class="tagihan">
<table>
<tr><td width="70%">Detail</td><td width="10%">Kuantitas</td><td width="20%">Total</td> </tr>
<tr><td width="70%">Listrik yang terpakai (Kwh)</td><td><?php $penggunaan = 60; echo $penggunaan ;?></td><td><?php $penggunaan = 60; echo $penggunaan*1600 ;?></td> </tr>
<tr><td width="70%">Biaya Administrasi</td><td width="10%">1</td><td width="20%"><?php $admin = 2500; echo $admin ;?></td> </tr>
<tr><td width="70%">Pajak</td><td width="10%">1</td><td width="20%"><?php $pajak = 2000; echo $pajak ;?></td> </tr>
<tr><td>-</td><td width="10%">Total</td><td width="20%"><?php $total = $penggunaan * 1600 + $admin + $pajak; echo $total ;?></td> </tr>
</table>
</div>
</body>
</html>
Komentar
Posting Komentar