How to write jQuery inside PHP Function?

Question

i want to show 'error' and styling the input form errors.
this my code so far :

this index.html :

 <div class="error" style="display:none"><ol></ol></div>
    <input name="name">
    <input name="number">

and this one process.php:

<?php



$a   =$_POST['name'];
$b   =$_POST['number'];

if(empty($a)) {
  echo
   "<script>
   $(document).ready(function (){
   $('.error').slideDown();
   $('.error ol').append('<li>Name Cannot Empty</li>');
   $('input[name=\'name\']').css({"border":"1px solid red"});
   });
   </script>";
}

    ?>

its not working on my code, i dont have idea why.

Well the problem is the unescapped double quotes, as the SO syntax highlighter makes obvious. More important though is why you would want to do this — Steve
– Steve, Commented Sep 9, 2014 at 10:59

Quentin · Accepted Answer · 2014-09-09 10:59:18Z

2

Your PHP string is delimited by " characters.

Your JavaScript includes " characters.

You need to escape them: \".

Alternatively, stop trying to write JavaScript embedded in HTML embedded in PHP. It's hard to read and causes problems like you are experiencing:

if(empty($a)) {
    ?>
        <script>
            $(document).ready(function (){
                $('.error').slideDown();
                $('.error ol').append('<li>Name Cannot Empty</li>');
                $('input[name="name"]').css({"border":"1px solid red"});
            });
        </script>";
    <?php
}
    ?>

answered Sep 9, 2014 at 10:59

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

Lkopo · Accepted Answer · 2014-09-09 10:59:10Z

1

You have to escape double-quotes " using backslash \ => \":

if(empty($a)) {
  echo
   "<script>
   $(document).ready(function (){
   $('.error').slideDown();
   $('.error ol').append('<li>Name Cannot Empty</li>');
   $('input[name=\'name\']').css({\"border\":\"1px solid red\"});
   });
   </script>";
}

answered Sep 9, 2014 at 10:59

Lkopo

4,8538 gold badges37 silver badges60 bronze badges

1 Comment

BogelDR Over a year ago

this working form me, thanks guys for feedback. [CASE CLOSED]

Deepak Sharma · Accepted Answer · 2014-09-09 10:59:20Z

0

$('input[name=\'name\']').css({"border":"1px solid red"});

this line causing isse.. here double quotes around border and its value terminate the string here.. use the single quotes here..

answered Sep 9, 2014 at 10:59

Deepak Sharma

4,1801 gold badge17 silver badges31 bronze badges

Collectives™ on Stack Overflow

How to write jQuery inside PHP Function?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related