How can I hide a button if JavaScript is disabled?

Question

I have a website that allows users to create new content and I use javascript as a way to check for spam. If user has javascript turned off how can I hide or disable the post search button

<input type="submit" name="submitmee" id="creatingpost" value="Post" />

Is there a combination of if statements or noscripts that I can use. I have seen some examples online but they all redirect user, im trying to do something like

if(javascript== off)
{
    /* please turn on javascript */
}
else
{
    /* show button */
}

Possible duplicate of How to detect if JavaScript is disabled? — Dhaval Marthak
– Dhaval Marthak, Commented Apr 21, 2014 at 17:26

Kyle Needham · Accepted Answer · 2014-04-21 17:40:33Z

3

You could just use a noscript tag, in your head that is only loaded when javascript is disabled.

HTML

<noscript>
    <style type="text/css">
         #creatingpost {
           display: none; 
         }

         #noJsBanner
         {
            display: block;
         }
    </style>
</noscript>

Check this demo with JavaScript disabled.

edited Apr 21, 2014 at 17:40

answered Apr 21, 2014 at 17:27

Kyle Needham

3,3992 gold badges26 silver badges38 bronze badges

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

Comments

Ant P · Accepted Answer · 2014-04-21 17:50:15Z

1

Why not show the "no JS" version by default and toggle it with JavaScript (that will obviously only run if JS is enabled)?

HTML:

<div class="js-show">
    <input type="Submit" value="Go!" />
</div>
<div class="js-hide">
    <p>Please switch JavaScript on.</p>
</div>

CSS:

.js-show
{
    display: "none";
}

JavaScript (jQuery):

$(function() {
    $('.js-hide').hide();
    $('.js-show').show();
});

Fiddle.

Alternatively, you could place a "no-js" class on the html element and swap it for "js" on document.ready, then style things with these classes accordingly.

Either of these approaches gives you a flexible way of creating JS-free alternatives for features across your entire site with only a couple of lines of code.

edited Apr 21, 2014 at 17:50

answered Apr 21, 2014 at 17:31

Ant P

25.3k8 gold badges74 silver badges109 bronze badges

Collectives™ on Stack Overflow

How can I hide a button if JavaScript is disabled?

2 Answers 2

HTML

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

HTML

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related