Validasi email dengan AJAX jQuery dan PHP | Melakukan pengecekan pada email atau biasa disebut dengan istilah email validation memang perlu untuk dilakukan, terutama ketika kita meminta user untuk memasukan alamat emailnya pada sebuah form yang nantinya email tersebut digunakan untuk banyak hal penting.
Jadi jangan sampai email yang dimakukan oleh user adalah sembarangan, karena akan menyebabkan banyak kerugian nantinya, sistem tidak berjalan semestinya dan bahkan menimbulkan kerugian pada si pemilik website maupun pengguna.
Email yang di input biasanya akan dipergunakan untuk konfirmasi, pengiriman tagihan pembayaran, tracking, newsletter, dan lain sebagainya. Jadi email harus valid.
Validasi Email dengan AJAX jQuery dan PHP
Kali ini jurnalweb.com akan memberikan sedikit contoh validasi alamat email dengan AJAX jQuery dan PHP. Sehingga kita bisa melakukan validasi secara email langsung, tanpa perlu klik tombol dan tanpa refresh
Kode HTML
Script HTML yang diperlukan untuk contoh kali ini hanyalah sebuah input text dan SPAN untuk menulis pesan status, karena kita akan lakukan validasi saat user mengetik email tersebut, seperti yang sering kita lihat saat mendaftar ke gmail ataupun yahoo.
Kode Javascript
Pada kesempatan kali ini kita mencoba menggunakan fungsi $.post() yang ada di jQuery untuk mengirim data yang nantinya akan diproses oleh file bernama check_email.php. File javascript dibawah ini tidak kami taruh di file javascript khusus, namun kami taruh di bagian paling bawah halaman web, sebelum tag [/body].
Buah sebuah fungsi bernama validate()
Pertama sertakan script jquery yang bisa di download disini.
Kemudian kita buat aksi dimana ketika user klik field email dan mengetik alamat email maka akan memanggil fungsi
validate()
, dan hasilnya akan di cetak pada tag yang memiliki id #feedback
, yaitu tag SPAN
.Kode PHP untuk validasi email
Data yang dikirim menggunakan fungsi $.post() pada jQuery tadi selanjutnya di proses oleh file check_email.php yang isinya sebagai berikut.
Disitu tampak kita pertama mengecek apakah ada kiriman $_POST[’email’], jika ada maka akan di cek apakah kiriman tersebut kosong atau tidak, jika tidak kosong maka selanjutnya diproses dengan fungsi
filter_var()
untuk mengecek email, fungsi ini sudah disediakan oleh PHP. Kita cukup melempar variabel $email
yang berisi data yang di input oleh user.
Post a Comment