Pesan Validasi untuk Input Bootstrap

Gambar : Form Input dengan Validasi

Apa jadinya jika pada saat kita/user menginput data  kosong kemudian langsung diklik simpan?

Tentu saja error, 

apalagi jika bidang yang diinputkan bidang pokok (primary key). Untuk mengatasi hal ini maka kita perlu mensiasatinya dengan membuat pesan peringatan atau pesan error sehingga kesalahan penginputan dapat diminimalisir.

pesan peringatan dapat dibuat dengan menambahkan required pada tag <input>

Berikut penerapannya :

<form role="form" class="form-horizontal" action="simpanuser.php" method="post">

    <div class="form-group">
                 <label class="control-label col-sm-2" for="nama lengkap">password</label>
                  <div class="col-sm-8">
                            <input type="text" name="password" class="form-control" required">
                  </div>
    </div>
</form>

 Hasilnya:

 saat user tidak menekan tombol simpan tanpa mengisi kolom username maka muncul pesan peringatan "Please fill out this field".

 Gambar: Form Input Setelah diberi Pesan Peringatan/Pesan Error