I want to hide the submit button based on a PHPcondition through javascript

Question

<?php
if(mysql_num_rows($result5)>0)
{
    echo 'condition matched';
    // the above echo is just for testing
    ?>
     <script type='text/javascript'>
     document.getElementById("submitbtn").style.display = "none";

     </script>
    <?php
}
?>

here I am evaluating an if clause, if the condition is true, I want to hide the submit button of the form.

<form action='xyz.php'>
<input type='text'>
<input type='text'>
<input type='text'>
 <input type='submit' id='submitbtn' name='save' value='SAVE' class='form_btn' >
</form>

The condition is evaluating to true, but the submit button is still visible. How do I achieve this??

Why don't you rather conditionally print or not print the tag for button? — Sami Kuhmonen
– Sami Kuhmonen, Commented Aug 13, 2015 at 9:34
Firstly, you're probably including the script tag before the submit button. Secondly - if you want to hide the button based on a condition in PHP - you should hide the button with PHP. No reason to use JS to do it. — Dal Hundal
– Dal Hundal, Commented Aug 13, 2015 at 9:34
@DalHundal is right. You can do it with PHP or you have to right the JS at the end of page, so that after page is ready then JS comes in action and work fine. — anuj arora
– anuj arora, Commented Aug 13, 2015 at 9:37

Sahil Manchal · Accepted Answer · 2015-08-13 09:42:24Z

7

try using this way....

<input type='submit' <?php if($result5->num_rows>0) {?> disabled="disabled" <?php } ?> id='submitbtn' name='save' value='SAVE' class='form_btn' >

may be it will help

answered Aug 13, 2015 at 9:42

Sahil Manchal

4686 silver badges20 bronze badges

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

2 Comments

Geoff Atkins Over a year ago

Yeah, doing it through the PHP itself rather than using JS is the sensible solution. If he wants it to not show (rather than be disabled) you could use style="display: none;" in the condition.

iaaphpd13 Over a year ago

yes, javascript was'nt doing it because I was executing script before the submit button. Doing it directly through php on the input tag is a better option.Thanks

gangzi · Accepted Answer · 2015-08-13 09:40:07Z

3

I had tied your code,and these worked ok, so I think must have other problems to affected your js code, such as a same name Id of submitbtn, or a js error.

answered Aug 13, 2015 at 9:40

gangzi

1052 silver badges13 bronze badges

Comments

Happy Coding · Accepted Answer · 2015-08-13 09:38:50Z

1

If you want to use js try this :

<?php
if(mysql_num_rows($result5)>0)
{
    echo 'condition matched';
    // the above echo is just for testing
    ?>
     <script type='text/javascript'>
        $(document).ready(function(){
           document.getElementById("submitbtn").style.display = "none";
      });

     </script>
    <?php
}
?>

You can achieve this by using php too.

<input type='submit' id='submitbtn' name='save' value='SAVE' class='form_btn' <?php if(mysql_num_rows($result5)>0) echo 'style="display:none"';?>>

answered Aug 13, 2015 at 9:38

Happy Coding

2,5151 gold badge15 silver badges24 bronze badges

Comments

Ishan Srivastava · Accepted Answer · 2017-10-22 15:57:06Z

1

Posting the answer because all others are just disabling the button. It will still be visible. So to hide the button, use:

window.onload = function(){
   document.getElementById("<id of your submit button>").style.display = "none";
}

inside the if(condition=true)

OR

<input type='submit' name="sbmt" id="id_1"<?php if(condition=true) { ?> style="display: none" <?php } ?> />

but since your question has asked exceptionally for "javascript" i will go one step further and write

     <input type='submit' name="sbmt" id="id_1"
     <?php if(condition=true) { ?>
     <script type='text.javascript'>
        document.getElementById("id_1").style.display = "none";
     </script>
     <?php } ?>
     />

answered Oct 22, 2017 at 15:57

Ishan Srivastava

1,1891 gold badge11 silver badges32 bronze badges

Comments

AnkiiG · Accepted Answer · 2015-08-13 09:38:04Z

0

Try as below : jQuery must be there on your page.

On calling the statement on page ready will solve the problem.

<?php
if(mysql_num_rows($result5)>0)
{
    echo 'condition matched';
    // the above echo is just for testing
    ?>
     <script type='text/javascript'>
     $( document ).ready(function() {
        document.getElementById("submitbtn").style.display = "none";
     });
     </script>
    <?php
}
?>

answered Aug 13, 2015 at 9:38

AnkiiG

3,4861 gold badge19 silver badges28 bronze badges

Comments

Nabi · Accepted Answer · 2015-08-13 09:44:34Z

0

I Think you added your php codes before that form loads!

So you need window.onload OR Replace your php codes to after form

<?php
if(mysql_num_rows($result5)>0)
{
    echo 'condition matched';
    ?>
    <script type='text/javascript'>
    window.onload = function(){
        document.getElementById("submitbtn").style.display = "none";
    }
    </script>
<?php
}
?>

answered Aug 13, 2015 at 9:44

Nabi

7641 gold badge10 silver badges22 bronze badges

Comments

Loukoulele · Accepted Answer · 2019-11-26 14:39:04Z

0

<?php
if(mysql_num_rows($result5)>0)
{
       echo'<div style='visibility:hidden' id="del">';
       echo'<script>
                $(document).ready(function(e) {
                    $("#del").css("visibility", "visible");
                });
       </script>';
}
?>

answered Nov 26, 2019 at 14:39

Loukoulele

162 bronze badges

1 Comment

Fizz Over a year ago

Adding a small explanation of your solution may be a help for someone running into this in the future :D

Hearner · Accepted Answer · 2015-08-13 09:37:22Z

-2

It is not none it's :

<script type='text/javascript'>
    document.getElementById("submitbtn").style.visibility = "hidden";
</script>

edited Aug 13, 2015 at 9:37

answered Aug 13, 2015 at 9:35

Hearner

2,7053 gold badges19 silver badges34 bronze badges

4 Comments

Epodax Over a year ago

document.getElementById("submitbtn").style.display = "none"; Works just as well as that, not really a solution.

Hearner Over a year ago

I just tried and it doesn't work with "none" but works with "hidden"

Geoff Atkins Over a year ago

There's a difference between display and visibility. This isn't a solution to this problem.

iaaphpd13 Over a year ago

yes @GeoffAtkins its working fine now. The problem was that I was loading script before the submit button had loaded. Both, executing the script after the submit button and doing it directly through PHP on the input tag work good.

Collectives™ on Stack Overflow

I want to hide the submit button based on a PHPcondition through javascript

8 Answers 8

2 Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

2 Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related