Home > AJAX, PHP > Validasi Email dengan PHP dan AJAX

Validasi Email dengan PHP dan AJAX

Anda pasti sering menemukan dalam sebuah website, terdapat form untuk mengisi alamat email dari user yang akan bergabung dalam website tersebut. Pada saat kita mengisi email pada form yang diminta, kadang terdapat website yang meminta kepada kita untuk mengisi keseluruhan form terlebih dahulu, kemudian mengecek input yang dimasukkan oleh user, apabila terdapat kesalahan, maka akan diminta memasukkan kembali. Form yang seperti itu, akan sangat merepotkan bagi user.

Tetapi, ada juga website yang pada saat kita memasukkan email maka akan terlihat keterangan apakah email yang dimasukkan valid atau tidak. Website tersebut sangat baik karena tidak merepotkan user dalam mengisi form.Pada kesempatan ini, saya akan mencoba membuat sebuah aplikasi pengecekan email seperti pada website yang tidak merepotkan user.

Pertama, kita membuat file untuk form dengan nama input.html

<html>
<head>
<title>Validasi Email PHP-AJAX by Erick Lisangan</title>
</head><script language=’JavaScript’>

var ajaxRequest;

function getAjax() //mengecek apakah web browser support AJAX atau tidak
{
try
{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer Browsers
try
{
ajaxRequest = new ActiveXObject(“Msxml2.XMLHTTP”);
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject(“Microsoft.XMLHTTP”);
}
catch (e)
{
// Something went wrong
alert(“Your browser broke!”);
return false;
}
}
}
}

function validasi (keyEvent) //fungsi untuk mengambil nilai setiap huruf yang dimasukkan
{
keyEvent = (keyEvent) ? keyEvent: window.event;
input = (keyEvent.target) ? keyEvent.target: keyEvent.srcElement;
if (input.value) //jika input dimasukkan, masuk ke fungsi cekEmail
{
cekEmail(“cek.php?input=” + input.value); //mengirim inputan ke file cek.php
}
}

function cekEmail(fileCek) //fungsi untuk menampilkan hasil validasi
{
getAjax();
ajaxRequest.open(“GET”,fileCek);
ajaxRequest.onreadystatechange = function()
{
document.getElementById(“hasil”).innerHTML = ajaxRequest.responseText;
}
ajaxRequest.send(null);
}
</script>
</head>
<body>
<table>
<tr>
<!– Form untuk mengisi email –>
<td>Masukkan email Anda : <input type=’text’ onkeyup=”validasi(event)” id=’email’></td>
<!– Menampilkan hasil validasi email –>
<td><div id=’hasil’></div></td>
</tr>
</table>
</body>
</html>

Kemudian, kita membuat file untuk pengecekannya dengan nama cek.php

<?php
$input = $_GET[‘input’];
if (ereg(“^.+@.+\\..+$”,$input)) echo “Email Anda Valid”;
else echo “Email Anda Tidak Valid”;
?>

Apabila Anda menjalankan program tersebut, maka akan muncul tampilan seperti di bawah ini :

download script

Bagaimana??dengan menggunakan PHP dan AJAX, maka form email yang kita buat terlebih lebih baik, dan tidak merepotkan user dalam mengisi form kan??Apabila email yang diinput oleh user tidak valid, maka akan diperoleh tulisan bahwa email tidak valid. Jauh lebih praktis dibandingkan user harus menginput terlebih dahulu kemudian memperoleh peringatan.

Semoga artikel ini berguna bagi Anda. Terima kasih. Gbu…

Categories: AJAX, PHP
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: