[TUTORIAL 3] Membuat JavaSricpt Pada Form Login

-
Pertama kita buat dulu form loginnya, kalian bisa pakai form login pada tutorial sebelumnya. Klik Disini.

Tutorial kali ini saya akan membuat aksi dengan java script dengan menggunakan tampilan login yang telah dibuat dari postingan sebelumnya.

Saya akan membuat tutorial gagal login 3 kali diblokir menggunakan java script.

1. Siapkan file boot.strap.min.js, jquery.min.js, popper.min.js.


2. Buat folder Js didalam folder Assets.


3. Masukkan file tadi kedalam folder Js.


4. Ketik coding ini dipaling bawah sebelum </bodi> </html>.


5. Buat file login.php: klik kanan Source file - New - PHP File.



6. Ketik coding ini didalam login.php.


7. Ketik coding ini dipaling atas sebelum <html>.


8. Sekarang kita akan membuat warning/peringantannya. Ketik coding ini dibawah <h1> Selamat Datang</h1> </div>.


9. Membuat waktu warning/peringatanya muncul. Ketik coding ini dibawah <link rel="stylesheet"href="assets/css/floating-labels.css">.


10. Isi file index.php.




11. Isi file login.php.


12. Kemudian Run dan lihat hasil.



Komentar

Posting Komentar

Postingan populer dari blog ini

Rancangan Sistem Login PHP Fundamental

-
Gambar
Kali ini saya akan memplubikasikan tentang tutorial cara membangun sistem login. Untuk yang pertama mari kita mengenal jalannya sistem login yang disertai autentikasinya . Untuk alogaritma sistem login yg disertai auntetikasinya dapat dilihat dibawah ini: Alogaritma: 1. Pertama muncul halaman form login. 2. User diminta menginputkan username dan password. 3. Selanjutnya sistem akan mengecek apakah username dan password telah cocok. 4. Apabila benar maka sistem akan melanjutkan ke halaman yg dipilih. 5. Apabila salah maka sistem akan menghitung kesalahan input dan menampilkan form login kembali. 6. Apabila sistem telah menghitung kesalahan input hingga 3 kali maka sistem akan menampilkan informasi bahwa user telah diblokir dan user tidak dapat kembali mengakses form login. Untuk pseudocodenya bisa juga dilihan di bawah ini: Pseudocode 1. Mulai. 2. Tampilkan login page. 3. Get username. 4. Get password. 5. Then klik login. 6. If username dan password benar then masuk halaman ber...
Baca selengkapnya

[TUTORIAL 2] Tutorial Membuat Form Login

-
Gambar
Langkah pertama seperti biasa buka netbeans -> new project -> php application. Keterangan: Seperti biasa pada bagian head memuat title dan link-link untuk mendefiniskan file-file atau resource apa yang kita butuhkan. Contohnya seperti bootstrap atau file style.css Keterangan: Pada bagian body kita membuat form untuk login Form ini berisikan field username dengan type email dan password dengan type password juga. Lalu kita beri fitur remeber me. Pada baris 64 merupakan sintaks untuk membuat button dengan style bootstrap. Dibawah button kita beri fitur forgot password. Nah... Jika kode diatas sudah dituliskan semua makan ketika dirun tampilannya akan seperti gambar di bawah ini
Baca selengkapnya