disable submit button when javascript is disabled

I have a form which needs javascript to be enabled for valida开发者_JAVA技巧tion, is there a way to disable submit button when javascript is disabled and warn user to enable it first ?

Disable it by default and use JavaScript to enable it.

<input type="submit" value="Submit" id="submitBtn" disabled />

<script type="text/javascript">
var _onload = window.onload || function()
{
  document.getElementById('submitBtn').disabled = false;
}

_onload();
</script>

That way, if JavaScript is disabled then the button will also remain disabled.

jQuery version:

<script type="text/javascript">
$(function(){
  $('#submitBtn').attr('disabled', false);
});
</script>

Have it disabled by default and if there is javascript, then enable it.

Don't define an HTML form action, but rather define only an onSubmit javascript event handler. If javascript is not enabled, the onSubmit will not fire, but since there is no form action, the submit button won't do anything either.

You could also opt to have the HTML form action go to an error page explaining that javascript must be enabled, so that the user has some sort of feedback.

Alternatively you can start with the button disabled (as other posters suggested). If you do that, you should also consider a message on the form indicating why the button is disabled. Remove that message with javascript if it is enabled at the same time you re-enable the button.

Because disabling a button programmatically depending on the environment and alerting him are both tasks depending on some kind of a scripting language ( like JavaScript ), the answer is no :-/

You got solution for enabling part. For Alerting part you can use good old tag. (-:

<noscript>
<H1> It Wont work w/o javascript. Please Enable</h1>
</noscript>

Excuse the late reply but this got me thinking on how to tackle this as I have a similar issue and it led me here. You should always program your site without javascript and add it after to enhance it, but in my case using things like lightbox are being used as input, which if javascript is disabled, doesn't work right (especially since mine passes values to its parent).

My suggestion is that hopefully you have PHP enabled, so you can simply put at the top of your document

<?php if (isset($_POST)) { 
    //redirect to page, or set a message variable saying "no results saved" 
    header('some_page');
    $message = "We've detected you do not have " .
               "javascript enabled. No results saved";
} ?>

From there, you will have to set all buttons on your page to say

<input name="button" id="button" type="submit" onclick="return false;" />

or you could more simply go

<form name="my_form" id="my_form" method="post" action="" onclick="return false;" />

Hope this helps!