Cara Mudah Membuat Notifikasi Validasi Isian Form Input File Pada Php Dan Mysql

Pada kesempatan kali ini saya akan memberikan Inspirasi Source Code tentang Cara mudah membuat notifikasi validasi jika isian kosong pada form input file pada Php Dan Mysql tanpa ribeettt…

Memberikan notifikasi untuk penginputan isian kosong pada sebuah form merupakan hal penting, apabila kita hendak menginput semua isian pada form. Hal yang tidak diinginkan adalah pengisian form dengan data kosong pada saat proses penyimpanan data. Apalagi data yang akan di inputkan tersebut adalah data penting, misalnya data pribadi seperti contoh: nama lengkap, alamat, email dan data penting lainnya.

 

Lihat juga: Membuat Kode Unik Otomatis Pada PHP dan MySQL

 

Untuk itu pada tutorial kali ini saya akan membagikan contoh singkat dalam satu file input dan selanjutnya kalian bisa kembangkan sesuai dengan kebutuhan form pembuatan web yang dikerjakan.

Ok.., Langsung saja tanpa ribet, berikut langkah-langkahnya:

1. Siapkan terlebih dahulu database untuk penyimpanan file.
2. Silahkan Download File javascriptnya yaitu: civem.js
3. Siapkan satu file php untuk form proses input, contoh : identitas.php
4. Ketikan source code pada form seperti berikut:

Contoh berikut menggunakan template bootstrap.min.css

<form action="" method="post">

<div class="row">

<div class="col-sm-2">

<label><b>ID </b></label>

<input name="id" type="text" class="form-control" readonly="readonly" />

</div>

<div class="col-sm-6">

<label><b>Nama Lengkap</b></label>

<input name="nama_lengkap" class="form-control "  required="" autofocus="" data-errormessage-value-missing="isi nama lengkap yang sesuai.!" />

</div>

</div>

<div class="row">

<div class="col-md-4"

<input name="simpan" class="btn btn-success" type="submit" value="Simpan" />&nbsp;";

<input name="batal" class="btn btn-danger" type="reset" value="Batal" />";

</div></div>

</form>

<script type="text/javascript" src="js/civem.js"></script>

 

Catatan **:

*    Tulisan yang bewarna merah merupakan script validasi form inputan.

**   Untuk notifikasi validasi di isikan sesuai dengan kebutuhan.. 

*** Tulisan yang berwarna hijau merupakan file javascript yang ditambahkan pada                  form inputan javascript yang akan membuat validasi isian kosong pada form

Berikut merupakan contoh screnshoot script contoh diatas:

Demikian tutorial singkat yang dapat saya bagikan dan semoga bermanfaat…..!

Apabila ada source code yang tidak berjalan, error atau  tidak sesuai,, silahkan isi kolom komentar pada bagian bawah tutorial ini...!.