php form submit issue with JS button

Question

I have this form

 <form role="form" method='post' action='index.php' id='cme'>
    <input type="hidden" name="bonval" value="<?php echo $bonval ?>" />
    <fieldset>
        <h2 class="blink_me" style="color:green;font-size:40px;"><?php echo $bonval ?></h2>
        <div class="form-group">
            <center>
                <div class="g-recaptcha" data-sitekey="siteky"></div>
            </center>
        </div>
         <div class="row">
            <center>
                <input type="submit" name="claim" class="btn btn-lg btn-success btn-block" value="Claim Now" id="claim">
            </center>
        </div>
    </fieldset>
</form>

I have this javascript to disable button after click

<script>
$(function(){
    $('#claim').on('click',function(){
        $(this).val('Please wait ...')
        .attr('disabled','disabled');
        $('#cme').submit();
    });
});
</script>

and this is my form validation

 if(isset($_POST['claim'])) {
$recaptcha = $_POST['g-recaptcha-response'];
if(!empty($recaptcha)) {
    # Use the recaptcha function here
    $resp   =   getGoogleRecaptcha();
    if($resp['success']) {
        # Capture value from the form submit
        $bonval =   $_POST['bonval'];
        # Insert normally
        $db->fetchVal("insert into log (`user_id`,`amount`) values (?,?)", array($id, $bonval));
    } 
  } else { ?>
  <div class="overlay"><div class="popup" style="background:red;">
    <h2>Error</h2>
    <a class="close" href="#">&times;</a>
    <div> <center><span class="blink_me">Seems error</span></center></div>
  </div></div>  
   <?php  }
  }

My issue is button gets disabled but form is not submitted
if user refresh page form keeps getting submitted into database

Lefebvre Steeve · Accepted Answer · 2017-01-10 15:31:58Z

1

Edit: sorry, lack of explanation, I read a little fast:

You can completely remove the var $ _POST after insert bdd with unset($_POST['...']);

if(isset($_POST['claim'])) {
    //code

    $db->fetchVal("insert into log (`user_id`,`amount`) values (?,?)", array($id, $bonval));

    unset($_POST['claim']);

    //code
}

edited Jan 10, 2017 at 15:31

answered Jan 10, 2017 at 15:18

Lefebvre Steeve

413 bronze badges

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

Comments

Zakaria Acharki · Accepted Answer · 2017-01-10 15:12:46Z

0

You should stop the button from submitting form first by replacing the type="submit" by type="button" :

<input type="button" name="claim" class="btn btn-lg btn-success btn-block" value="Claim Now" id="claim">

Hope this helps.

answered Jan 10, 2017 at 15:12

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

12 Comments

john Over a year ago

But form is not being sent (form validation)

Zakaria Acharki Over a year ago

$('#cme').submit() should submit the form to the php page that will make the validations not ?!

john Over a year ago

<input type="button" name="claim" class="btn btn-lg btn-success btn-block" value="Claim Now" id="claim"> added this and utton not work now and form action is self index.php page but no it does not send

Zakaria Acharki Over a year ago

Button should work normal like jsfiddle.net/jnwrc5ay/363 .. check this one using timeout just to see what happen jsfiddle.net/jnwrc5ay/364

john Over a year ago

I do not know much php or javascript so if you can do some kindness of fiddle plz to solve this issue

|

Collectives™ on Stack Overflow

php form submit issue with JS button

2 Answers 2

Comments

12 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

12 Comments

Your Answer

Sign up or log in

Post as a guest

Related