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

您可以使用css设置disabled版本的样式。

input:disabled

Answer 2

如果您需要的只是它不可点击，您总是可以制作一个遮罩层来覆盖它。也许白色bg从0不透明度变为20％不透明度。任何点击提交按钮都不会起作用，因为它前面有遮罩层。

Answer 3

你可以劫持按钮

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

只是一个想法。

禁用提交按钮，没有灰色效果

3 个答案: