Can't validate checkbox value with jquery /ajax

Question

In my html form all data is successfully validation except checkbox value. It's not validate with jquery/ajax request.

here is my html form ajax and html code (only terms part):

<tr>
<td>Terms & Conditions</td>
<td><input type="checkbox" name="terms"/>&nbsp; I agree to your <a href="">terms and 
conditions</a>.</td>

<script>
  $('#form1').submit(function(event) {
  event.preventDefault();
  $.ajax({
   type: 'POST',
   url: 'regProcess.php',
   data: $(this).serialize(),
   dataType: 'json',   
   success: function (data) {
        $('#info1').html('');
        $.each( data, function( key, value ) {

          $('#info1').append('<p>'+value+'</p>');
        });    

   }
  });
 });
</script>

In regProcess.php page following is my Checkbox validation code but it's not validating..

if(isset($_POST['terms']) && $_POST['terms'] == ""){
    $msg[] = "You must agree our terms and conditions";
    $msg1['error'] = true;
    }

see this http://stackoverflow.com/questions/11424037/does-input-type-checkbox-only-post-data-if-its-checked — Midhun KM, Apr 11 '14 at 17:29
here you may get an answer: http://stackoverflow.com/questions/19893927/send-checkbox-value-in-php-form — Midhun KM, Apr 11 '14 at 17:30

Manwal · Answer 1 · 2014-04-11T17:45:06.223

1

Give check box a ID

<tr>
<td>Terms & Conditions</td>
<td><input type="checkbox" id="terms" name="terms"/>&nbsp; I agree to your <a href="">terms and 
conditions</a>.</td>

Then use this to find out checkbox is checked or not??

<script>
  $('#form1').submit(function(event) {
  event.preventDefault();
  if($('#terms').is(':checked') )
  {

  $.ajax({
   type: 'POST',
   url: 'regProcess.php',
   data: $(this).serialize(),
   dataType: 'json',   
   success: function (data) {
        $('#info1').html('');
        $.each( data, function( key, value ) {

          $('#info1').append('<p>'+value+'</p>');
        });    

   }
  });
  }
else{
alert("Check terms and condition");
}
 });
</script>

Live Example

edited Apr 11 '14 at 17:45

answered Apr 11 '14 at 17:29

Manwal

23,450
12
63
93

where i should put your code? In regProcess.php or html page ? – Babu Apr 11 '14 at 17:31
its jquery, so must be client side here! :) – Midhun KM Apr 11 '14 at 17:32
I think he's suggesting that you not use ajax and just make sure the box is checked using javascript. – Brian Adams Apr 11 '14 at 17:33
I've separate php page which process all the error an showing all error with `echo json_encode($msg);` to html page. So now what should i do now ? – Babu Apr 11 '14 at 17:35
Its client side validation. using jquery. you can use serverside also – Manwal Apr 11 '14 at 17:37

Brian Adams · Accepted Answer · 2014-04-11T17:58:30.893

0

$_POST['terms'] will not be set if it's an unchecked checkbox. It should instead be:

if (empty($_POST['terms']) || $_POST['terms'] !== 'on') {

or just

if (empty($_POST['terms'])) {

edited Apr 11 '14 at 17:58

answered Apr 11 '14 at 17:27

Brian Adams

1,080
8
9

The reason your php script isn't returning an error is because you are checking to see if `$_POST['terms']` is set, it is not. See my updated answer. – Brian Adams Apr 11 '14 at 17:37
Oh great you answer is working. but I don't understand why you use `on` ? – Babu Apr 11 '14 at 17:40
You could probably leave that out and just use `if (empty($_POST['terms'])) {` but web browsers will send the string 'on' as the value of a checked checkbox if you don't specify your own value. – Brian Adams Apr 11 '14 at 17:54

Can't validate checkbox value with jquery /ajax

2 Answers2

Live Example