disable submit button without grey out effect

Question

How do I disable an HTML form submit button without it being greyed out?

The problem: I want to grey out an entire form, and having the submit button grey out before the rest of the form does looks silly.

$("#postform").submit(function() { //disable submit button $("#submitPF").attr("disabled", "disabled"); //blur form $("#postform").animate({opacity: 0.4},250); $.post("/POST.php", $("#postform").serialize(),function() { //free submit button $("#submitPF").removeAttr("disabled"); //unblur $("#postform").animate({opacity: 1},500); }); return false; }); }

possible duplicate of Override greyed out effect of element

Foreever
– Foreever

2014-01-23 04:59:13 +00:00
Commented Jan 23, 2014 at 4:59 — Foreever
– Foreever, Commented Jan 23, 2014 at 4:59

locrizak · Accepted Answer · 2011-08-01 19:15:28Z

2

you can style the disabled version with css.

input:disabled

answered Aug 1, 2011 at 19:15

locrizak

12.3k12 gold badges63 silver badges81 bronze badges

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

Comments

kasdega · Accepted Answer · 2011-08-01 19:19:41Z

You could just hijack the button

$("#submitPF").click(function(e) { e.preventDefault(); return false; });

Just a thought.

Joseph Marikle · Accepted Answer · 2011-08-01 19:16:27Z

If all you need is for it to not be clickable you could always make a mask layer to go over it. Perhaps a white bg that fades from 0 opacity to 20% opacity. Any clicking on the submit button will not work because of the mask layer in front of it.

Collectives™ on Stack Overflow

disable submit button without grey out effect

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related