Teknik Cek Ketersediaan Email dengan JQuery Validate dan MySQL

Assalamualikum,

Oke, setelah vakum sekitar 3 bulan karena sedang males nulis blog, akhirnya saya kembali lagi, hitung-hitung menyebarkan Ilmu yang didapat + membuat Library saya agar tambah banyak.

Sebenarnya saya bingung memberikan judulnya, namun jika anda sering menggunakan social media, mungkin Facebook, atau Gmail saat anda daftar pasti anda akan disuruh untuk input Email bukan? nah saat input email (yg mana anda belum tahu atau sedang lupa pernah daftar belum ya di web tersebut) dan saat anda masukkan ke kolom text box nya, maka lansung ada validasi dan memberi anda info “Maaf Email anda sudah terdaftar, atau Not Availeble dan sejenisnya” Itulah yang akan kita bahas disini versi simplenya dengan menggunakan Bantuan Jquery Validate.

Oke tanpa banyak cincong lagi anda buat saja

sebuah database baru di mysql anda. dan beri saja nama kampus.

lalu anda bisa mengisinya dengan data ini

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
CREATE TABLE IF NOT EXISTS `mahasiswa` (
`ID` int(10) NOT NULL AUTO_INCREMENT,
`nama` varchar(200) NOT NULL,
`jurusan` varchar(200) NOT NULL,
`email` varchar(200) NOT NULL,
PRIMARY KEY (`ID`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

--
-- Dumping data for table `mahasiswa`
--

INSERT INTO `mahasiswa` (`ID`, `nama`, `jurusan`, `email`) VALUES
(4, 'Susilo rahmawatix2xx', 'asdasd2xx', 'xxxsusilo@yahoo.com2xx'),
(27, 'Hogna', 'TI', 'email23'),
(34, 'zibaidah', 'teknik santer', 'sasdas@asdasd.com'),
(35, 'susiono', 'oke', 'oke'),
(36, 'jumintern', 'teknik DUkun', 'email@email.com'),
(37, 'asdasdasasdasd', 'asdasd2xx', 'asdas@asdasd.com'),
(38, 'supri', 'entah2', 'enta2@entah.com'),
(39, 'entah5', 'asdasd2xx', 'enta2@entah.com');

Lalu anda buat sebuah folder beri nama terserah anda, dan buat didalamnya sebuah file index.php  dan anda isi dengan kode berikut

cek-mail1

cek-mail2

Anda bisa Klik untuk memperbesar. JIka masih tidak keliatan tenang saja nanti saya beri download FIlenya

Oke jika index sudah selesai maka anda buat 1 file lagi dang anda bisa beri nama cek_email.php lalu anda bisa isi dengan kode seperti dibawah ini

cek-mail3

nah, keliatannya satu lagi, anda bisa membuat file koneksi.php

cek-mail4

Oke Aplikasi ini sudah siap untuk di testing, coba anda isikan email yang sudah ada di database yang ada misal : email@email.com maka jika berhasil maka textbox akan secara otomatis akan searching ke database anda dan memberikan info jika email sudah ada seperti tampilan berikut

cek-mail5

Apakah anda sudah berhasil membuatnya, jika ingin melihat sendiri sourcenya dan ingin segera mengutak atik anda bisa download langsung disini atau disini2

OK sekian dulu pertemuan singkat kali ini, jika ada kesempatan lagi saya akan segera update.

Wassalamualaikum 😀

Leave a Reply

Your email address will not be published. Required fields are marked *