Halo Dumenity, selamat datang kembali di website tips dan trik Dumet School. Berjumpa kembali dengan saya pada pembahasan tips dan trik seputar dunia website, pada kesempatan kali ini saya akan memberikan tips tentang Cara Membuat Validasi Input Kosong Dengan jquery dimana pada artikel sebelumnya saya sudah membahas Cara Membuat Form Wajib Angka Dengan jQuer. Apakah penting untuk memberikan validasi..?? Ya, tentu saja sangat penting dan itu termasuk fitur yang wajib di berikan agar bisa memberikan respon balik kepada user yaitu berupa informasi. Nah dalam kasus ini saya akan membuat sebuah validasi input jika kosong.
Ini berguna untuk memastikan data harus/wajib di isi, sehingga aplikasi yang kita buat lebih maksimal digunakan dengan banyaknya fitur yang memudahkan pengguna atau user. Baik, langsung saja kita implementasikan Cara Membuat Validasi Input Kosong Dengan jquery teman – teman siapkan text editornya dan siapkan library jQuery nya
https://code.jquery.com/jquery-3.3.1.min.js
Dan ketikkan script html nya di bawah ini
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Cara Membuat Validasi Input Kosong Dengan jquery</h1>
<div>
<input type="text" name="" id="save"><button>Simpan</button>
</div>
</body>
</html>
Save dengan nama index.html, kemudian panggil library jQuery nya
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
Kemudian kita panggil button dan berikan fungsi click(), selanjutnya kita proses form input dengan kondisi if dan kita gunakan fungsi val()
$(document).ready(function(){<br> $('button').click(function(){<br> var nama = $('#save').val();<br> if(nama == ''){<br> alert('tidak boleh kosong')<br> } <br> })<br>})
Jika teman – teman save dan jalankan pada browsernya, kemudian klik pada button dengan kondisi form input kosong. Maka akan ada alert untuk validasi nya
Nah gampang sekali bukan..??
Sekian tips dan trik sederhana dari saya, semoga bermanfaat untuk teman – teman yang sedang bingung untuk membuat validasi jika inputan kosong. Artikel tentang Cara Membuat Validasi Input Kosong Dengan jquery ini bisa di jadikan refrensi untuk validasi nya. Semoga bermanfaat, terimakasih dan sampai jumpa.
The post Cara Membuat Validasi Input Kosong Dengan jquery appeared first on Kursus Website Terbaik.