Hai teman, pada artikel kali ini saya akan memberikan artikel membuat Validasi email dengan php. Validasi email adalah ketika anda memasukan email kedalam input text dengan format ex: Nauval_azhar maka akan salah, maka sebaliknya jika anda memeasukan alamat email dengan format yang benar ex: nauval_azhar@tampan.com maka anda akan dibawa kehalaman selanjutnya. Jika anda ingin membuatnya maka ikuti langkah-langkah berikut :
1. Buat file dengan format PHP di notepad atau dreamweaver
2. Lalu masukan script berikut :
Test.php »
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<script type="text/javascript">
//Total Karakter
var maxChar = 2000;
//Fungsi Hitung Textbox
function itung()
{
if (document.formku.deskripsi.value.length > maxChar)
{
document.formku.deskripsi.value = document.formku.deskripsi.value.substring(0, maxChar);
}
else document.formku.hitung.value = maxChar - document.formku.deskripsi.value.length;
}
//Menampilkan jumlah karakter
function initial()
{
document.formku.hitung.value=maxChar;
}
</script>
<style>
.text{
width:300px;
border:none;
background:#FFF;;
color:#666;
padding:5px;
border:1px solid #999;
}
.text:focus{
background:#fff;
color:#000;
border:1px solid #82E2FF;
}
.modern {
display: inline-block;
margin: 0px;
padding: 5px 10px;
cursor:pointer;
background: #B8ED01;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.5),
0 2px 2px rgba(0,0,0,0.3),
0 0 4px 1px rgba(0,0,0,0.2);
text-decoration: none;
text-shadow: 0 1px rgba(255,255,255,0.7);
transition:all 0.5s ease-out;
}
.modern:hover { background:#00FF66; }
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
</style>
</head>
<body>
<form name="formku" id="form1" method="post" action="terima.php">
<br />
<table width="100%" border="0">
<tr>
<td><span class="style1">Email</span></td>
<td><input name="email" type="text" class="text" placeholder="Email" /></td>
</tr>
<tr>
<td><span class="style1">Password</span></td>
<td><input name="code" type="password" class="text" id="code" placeholder="Password" /></td>
</tr>
<tr>
<td> </td>
<td><input name="Reset" type="reset" class="modern" value="Reset" />
<input name="Submit2" type="submit" class="modern" value="Submit" /></td>
</tr>
</table>
</form>
</body>
</html>
Simpan file tersebut dengan nama test.php
3. Buat file PHP lagi yang berfungsi untuk membuat proses validasi
Terima.php »
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<?php
if(empty($_POST['email'])){
?>
<script>
alert('Email Tidak Isi !');
document.location='test.php';
</script>
<?php
}elseif(empty($_POST['code'])){
?>
<script>
alert('Password Tidak Diisi !');
document.location='test.php';
</script>
<?php
}else{
?>
<?php
$email = $_POST['email'];
if(preg_match("/\w+@\w+\.[a-zA-Z]+/i",$email)){
?>
<?php
$email = $_POST['email'];
echo "<script>";
echo "alert('Selamat Datang $email')";
echo "</script>";
}else{
?>
<script>
alert('Format Email Salah !');
document.location='javascript:history.back()';
</script>
<?php
}
?>
<?php
}
?>
<style type="text/css">
<!--
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
}
.style2 {font-size: 14px}
-->
</style>
</head>
<body>
<div align="center" class="style1">Selamat Datang <?php echo $_POST['email']; ?></div><br />
<br />
</body>
</html>
Simpan file tersebut dengan nama terima.php
Selesai coba lihat hasilnya
Lihat Demo
Semoga Bermanfaat
