グレーアウトエフェクトのない送信ボタンを無効にする

Question

どのようにしてHTMLフォーム送信ボタンをグレー表示なしで無効にすることができますか？

問題：フォーム全体をグレーアウトし、残りのフォームが愚かになる前に送信ボタンをグレーアウトしたい

$("#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; 
    }); 
} 

Answer 1

あなただけのボタンだけの思考

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

を乗っ取ることができます。

Answer 2

あなたはCSSでdisabledをスタイルすることができます。

input:disabled

Answer 3

あなたが常にその上に行くために、マスク層を作ることができクリックできないようにするためにあなたが必要とするすべてがある場合。おそらく0の不透明度から20％の不透明度にフェードする白いbg。送信ボタンをクリックすると、その前のマスクレイヤーが原因で機能しません。