Javascript code depending on phpvariable

Question

Im running a form in a webshop that looks like this:

<form>
  <input type="number" name="quantity" value="" required = "required" />
  <input type="radio" name="homeDelivery" value="" required = "required" checked="true" />
  <input type="radio" name="homeDelivery" value="" required = "required" />
  <input type="submit" value="buy" name="submitBuy" class="buy formConfirm" />
</form>

After the submit button is pressed I run a simple error check in php from the info I get from $_POST. I have an array called $errors, if my error check finds any errors it adds them to my array, else not, and if the array stays empty til the end, my form will submit the data, else not.

I do however want to have a JS confirmbox after pressing submit, that will only popup if there are no errors in the actual form. So to my actual question: Is it possible to check in javascript code if my $errors variable is empty? Something that works like this:

if(empty($errors)) {
   //run code
}

If it is possible Id like my javascript code to look something like this(I think you get the idea);

$('.buyConfirm').on('click', function(){
   if (errors == NULL) {
      return confirm('Are you sure?');
   }
   else {
      return false;
   }
});

Any help is appreciated,

Cheers!

Cleanest/quickest way would be to do validation on the form with javascript. — Jeremy Jackson
– Jeremy Jackson, Commented Oct 27, 2016 at 14:12

Jay Hewitt · Accepted Answer · 2016-10-27 14:54:05Z

2

You need to output your PHP var as a JS array, best using json_encode, and then consume that in your condition

<script>
    var errors = <?php echo json_encode($errors); ?>;
    if (errors.length < 1) {
        if (confirm("Are you sure?")) {
            // User has no errors and has confirmed
        } else {
            // User has no errors but did not confirm
        }
    } else {
        // User has errors
    }
</script>

edited Oct 27, 2016 at 14:54

answered Oct 27, 2016 at 14:16

Jay Hewitt

1,1268 silver badges16 bronze badges

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

5 Comments

Reinstate Monica Cellio Over a year ago

That will allow the form to be posted without validation, validated at the server and then when the page is returned you would need to click the buy button again to be told it failed validation. This requires client-side validation (ideally both).

Jay Hewitt Over a year ago

That wasn't the question, the question was how to use a PHP variable in javascript

Reinstate Monica Cellio Over a year ago

Honestly, do you think this answers the OP's question?

Jay Hewitt Over a year ago

I've understood your comment now. I hadn't updated the original example other than the conditional on the error variable

Reinstate Monica Cellio Over a year ago

Thanks for understanding. I still don't think the OP is being clear, but this definitely answers their question.

Collectives™ on Stack Overflow

Javascript code depending on phpvariable

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related