Login Page-AJAX

Pada pertemuan kali ini, kita diberikan sebuah materi tentang Asynchronous Javascript and XML (AJAX), AJAX adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Sehingga, kita diberikan tugas untuk membuat login page dengan memanfaatkan AJAX, sehingga ketika user menekan tombol login, akan secara langsung mengganti styling dari komponen html. Selain itu, page ini juga bisa memeriksa apakah email yang dimasukkan valid atau tidak. 

Login page yang saya buat akan melakukan:

1. Validasi email dilakukan terlebih dahulu.
2. Jika email tidak valid, pesan error akan ditampilkan, dan border container akan berubah menjadi merah.
3. Jika email valid, style border dikembalikan ke keadaan semula.
4. Setelah tombol login ditekan, independen dari validasi email, container login akan mengubah warna latar, warna teks, dan isi kontennya menjadi "Login Berhasil!".

Berikut tampilan login page yang saya buat:

Link source code klik disini