Question

Can you please supply a full example of a jquery form submit button where:

• the button changes appearance when pushed down, and also shows “please wait” for the correct time.

• it’s safe for use on forms

• if possible, it will still work if someone has javascript disabled (I realize this may not be possible, but would be a nice to have).

Thanks much

Answer 1

Jquery will do just fine.

First you build a normal form, give the <form> tag an id, say #someform, and an id to the submit button, say #somebutton.

Then you bind an handler to #someform:

$('#someform').submit(function(){
    var params=$(this).serialize();
    //here you submit params using $.post
    document.selectElementById('somebutton').disabled=true;
    return false;
})

It will work with or without js support.