validasi checkbox sebelum input form

Publish Date : 20-07-2016 , dibaca 20370 kali, Hari ini dibaca : 1 kali ,0 comments

Ok.. kali ini admin akan memposting artikel tentang validasi form dengan menggunakan checkbox , kondisi validasi seperti ini sering kita jumpai saat registrasi form , login form dimana kita harus mensetujui ketentuan yang sudah dibuat , kalo dalam bahasa inggrisnya “I Agree” or “I Accept” checkbox  atau “I accept the new Terms of Service” and then click the “Continue” button.  kondisi seperti ini memungkinkan kepastian user untuk mensetujui kesepakatan dalam form tertentu

Examples of “I Agree” checkboxes

validasi checkbox sebelum input form

 

Gambar diatas merupakan contoh dari kondisi dimana terdapat validasi checkbox  yang digunakan untuk memberikan validasi form sebelum menuju action nya , dengan user mencheklist checkbok artinya user sudah setuju dan baru aksi form siap dijalankan.

Berikut code yang digunakan

<form method="POST" action="#">
 <input type="checkbox" name="checkbox" value="check"  />
 <input type="submit" name="email_submit" value="submit" onclick="if(!this.form.checkbox.checked){alert('You must agree to the terms first.');return false}"  />
</form>

atau kita bisa menggunakan code berikut ini :

<form action="../" onsubmit="if(document.getElementById('agree').checked) { return true; } else { alert('please agree'); return false; }">
    <input type="checkbox" name="checkbox" value="check" id="agree" />
    <input type="submit" name="email_submit" value="submit" />
</form>

Add “I Agree” checkbox in PHP

if(empty($_POST['agree']) || $_POST['agree'] != 'agree') {
    echo 'Please indicate that you have read and agree to the Terms and Conditions and Privacy Policy';
}

Produk Rekomendasi

Artikel Terkait

Diskusi



wa