Login Form with php

Setelah sebelumnya kita belajar dasar-dasar pemrograman php. kali ini kita belajar buat bikin login form pada pemrograman php. Login form, hal ini sudah sering kita dengar bukan? Saat masuk account blogger kita harus login terlebih dahulu, begitu pula saat masuk ke account facebook, twitter, myspace, friendster, dan lain sebagainya Pada dasarnya login form ini harus berisi dan tidak boleh kosong, sehingga inputan yang dari user yang kosong akan langusng diberi peringatan seperti berikut ini :

Diharapkan inputan dari user sesuai dengan ketentuan yang ada yaitu menggunakan password dan username seusai dengan yang tertera pada tampilan. Namun jika input dari user tidak sesuai maka akan muncul peringatanbahwa username atau passwor yang dimasukkan oleh user adalah salah. Adapun username yang yang dimaksud adalah Erlina dan password yang valid adalah erlinapujiasri. jika keduanya salah akan tampil peringatan kesalahan keduanya baik password maupun username, tampilannya ada sebagai berikut:

sedangkan jika input yang dimaksud valid maka tampilannya adalah sebagai berikut:

postingan ini masih merupakan tahap awal, penulis masih belum menemukan cara untuk dapat memperingatkan user yang memberikan inputan berupa angka, sebab seharusnya jika user memberikan inputan angka maka akan tampil peringatan bahwa inputan tidak sesuai, harap masukkan username dan password sesuai ketentuan...
Syntax sederhana yang masih jauh dari sempurna ini adalah sbb:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> <title>Login Form</title>
<script language="javascript" type="text/javascript">
function cek(){
var user= document.getElementById('userid').value;
var pass= document.getElementById('passwd').value;
if(user.replace(/^\s+|\s+$/g, '')==''){
alert('Username Harus Diisi!');
return false;
}
if(pass.replace(/^\s+|\s+$/g, '')==''){
alert('Password Harus diisi!');
return false;
}
return true;
}

</script>
</head>

<body background="Pink-cute-heart.jpg">
<form name="login" method="post" action="<?php $_SERVER['PHP_SELF'];?>">
<p align="center"><? echo $status;?></p>

<table width="500" border="6" align="center" bgcolor="#FFE4E1" rules="groups" cellpadding="8" cellspacing="5">
<tr>
<td width="50"> </td>
<td align="left"><font size="10" face="Comic Sans ms" color="#FF69B4">Login</font></td>
</tr>
<tbody >
<tr><td width="50"> </td><td><font size="4" face="verdana">Username</font></td></tr>
<tr><td width="50"> </td><td><input type="text" name="userid" size="50" id="userid" /></td></tr>
<tr><td width="50"> </td><td><font size="4" face="verdana">Password</font></td></tr>
<tr><td width="50"> </td><td><input type="password" name="passwd" size="50" id="passwd" /></td></tr>
<tr><td width="50"> </td><td><input name="submit" type="submit" onClick="return cek()" value="LOGIN" /></td></tr>
<tr><td colspan="2"align="center"><font size="2" face="verdana" >Masukkan Username: Erlina dan Password: erlinapujiasri</font></td></tr>
</table>
</form>
<?php
if (is_string($_POST['userid'])){
if ($_POST['userid']=='Erlina'){echo 'Selamat Datang ' .$_POST['userid']; }
else{echo 'Username Anda Salah!!!';}
}
if (is_string($_POST['userid'])){
if ($_POST['passwd']=='erlinapujiasri'){echo '<br/>Password Anda ' .$_POST['passwd']; }
else{echo '<br/>Password Anda Salah!!!';}
}
?>

</body>
</html>

Pages

Education Zone

Labels

Selasa, 30 Maret 2010