Menampilkan Pesan Error Menggunakan Bootstrap dan PHP

Pesan Error biasanya ditampilkan kepada user ketika ada data tertentu pada aplikasi yang tidak sesuai dengan ketentuan atau salah, jadi dengan menampilkan pesan error ini user dapat mengetahui letak kesalahan yang dibuatnya sehingga aplikasi menampilkan pesan error.

Jadi untuk menampilkan pesan error menggunakan bootstrap dan php, harus dipahami terlebih dahulu bagaimana dasar – dasar bootstrap, seperti class – class yang terdapat pada bootstrap dan bagaimana cara menggunakannya, sedangkan untuk php tentunya perlu dipahami dulu soal validasi menggunakan PHP. Jadi saya asumsikan Anda sudah paham tentang bootstrap, dan kemudian untuk PHP minimalnya sudah pernah membuat validasi dengan menggunakan percabangan IF di PHP

Menampilkan Pesan Error Dengan Bootstrap.
Bootstrap sudah menyediakan beberapa style/gaya tertentu untuk menampilkan pesan error. Contohnya adalah seperti berikut ini

Anda bisa melihat dokumentasinya di :
http://getbootstrap.com/docs/3.3/css/
http://getbootstrap.com/docs/3.3/components/

Tapi yang jadi masalah adalah kita hanya ingin menampilkan pesan error tersebut ketika memang terjadi kesalahan, misalnya ketika user mengisi formulir pada aplikasi dengan data yang tidak sesuai dengan ketentuan. Sebab tentu saja kalau kita memanggilnya seperti diatas, maka yang terjadi adalah, block error akan ditampilkan meskipun tidak terjadi kesalahan. Oleh karena itu kita membutuhkan PHP yang bertugas untuk memvalidasinya, karena Bootstrap hanya sebatas memberikan gaya/style ketika terjadi error saja.

Menampilkan Pesan Error Menggunakan PHP
Selanjutnya jika ingin menampilkan pesan error, misalnya ketika user melakukan kesalahan saat mengisi formulir, maka kita bisa membuat percabangan untuk memvalidasi data. Nanti pada setiap percabangan kita sisipkan variabel style/class yang terdapat pada bootstrap, tujuannya adalah supaya kita dapat memanggil variabel/class bootstrap tersebut didalam tag div, sehingga nanti kalau terjadi error, tag div yang berisi class bootstrap untuk style error akan dimunculkan secara otomatis, sedangkan ketika tidak terjadi error, class yang terdapat pada div akan dalam kondisi kosong.

Untuk pembahasan dan contoh penggunaan yang lebih rinci tentang Menampilkan Pesan Error Menggunakan Bootstrap dan PHP, Anda bisa membaca artikel saya sebelumnya, pada halaman berikut : Menyimpan Style Tertentu Pada Variabel PHP