grey out submit button until form filled out

Question

I have the following form:

Answer 1

The script would go in the of your document. Like so.

One way would be to match the values of the inputs and then remove the grayed out class from your button if the values aren't still the same as the default. Here is a demo.

HTML

CSS

.disabled {opacity:.2;}

jQuery

if ($('.text-input').val() == "some text" ) {
    $('.submit').addClass('disabled');    
}

http://jsfiddle.net/APGmy/11/