validasi checkbox sebelum input form
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
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';
}