contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

validasi checkbox sebelum input form

Posted in Javascript Jquery Life at 20 Juli 2016 With 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

▼ Download Source Code Dibawah Ini ▼


 

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';
}

Artikel Terkait

Diskusi