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

here you may get an answer: stackoverflow.com/questions/19893927/… — Midhun KM
– Midhun KM, Commented Apr 11, 2014 at 17:30

Manwal · Accepted Answer · 2014-04-11 17:45:06Z

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, 2014 at 17:45

answered Apr 11, 2014 at 17:29

Manwal

23.9k15 gold badges65 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Babu Over a year ago

where i should put your code? In regProcess.php or html page ?

Midhun KM Over a year ago

its jquery, so must be client side here! :)

Brian Adams Over a year ago

I think he's suggesting that you not use ajax and just make sure the box is checked using javascript.

Babu Over a year ago

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 ?

Manwal Over a year ago

Its client side validation. using jquery. you can use serverside also

Brian Adams · Accepted Answer · 2014-04-11 17:58:30Z

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, 2014 at 17:58

answered Apr 11, 2014 at 17:27

Brian Adams

1,0908 silver badges9 bronze badges

3 Comments

Brian Adams Over a year ago

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.

Babu Over a year ago

Oh great you answer is working. but I don't understand why you use on ?

Brian Adams Over a year ago

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.

Collectives™ on Stack Overflow

Can't validate checkbox value with jquery /ajax

2 Answers 2

Live Example

5 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related