Deactivate submit button with JavaScript/CSS

We've a submit button, styled by CSS:

                  <td><input name="submit" type="submit" value="Submit" class="form-button" /></td>      

How to deactivate/shade the button just after pressing submit (to avoid double click and visualize the deactivation).
go4javaAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

JezcentralCommented:
<script language="javascript">
function disableField() {
    document.formXXX.elementXXX.disabled=true;
}
 
</script>
<td><input onclick="javascript:disableField();"> name="submit" type="submit" value="Submit" class="form-button" /></td>

Why do you want to disable it?

0
go4javaAuthor Commented:
...actually I need to disable the SUBMIT button first and afterwards it should evaluate form's action. Reason as above.
0
JezcentralCommented:
Just put: document.formXXX.elementXXX.disabled=true; in the first line of the form validation, then. (Just remember to set disabled to false, if validation fails and they need to resubmit.) Is this what you are after?
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
go4javaAuthor Commented:
I made it like that:

<script type="text/javascript">
// client side validation
function chkFormular() {
      // disable submit button
      document.getElementById('submButton').disabled=true;
      // error counter
      var i = 0;
      
      // ... place here validation code
      // ...
      // ...
      
      if (i>0) {            
            // enable submit button
            document.getElementById('submButton').disabled=false;
            return false;
      } else {                        
            return true;
      }
}
</script>

Reward follows...
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.