Question

好吧我有一个表单，我通过dataannotation进行了一些验证，这是客户端以及服务器端验证，就像某些字段已经存在一样。我在页面上没有javascript验证。现在我的问题是，如果用户多次按下保存按钮，我应该怎么做（他一直按下按钮15次，在我的情况下，页面保持在那里，顶部已存在字段已存在消息）。你们为此做了什么？

我做了什么（这在firefox中工作得很好但不在ie中）无论点击后是什么都禁用按钮，即

  $(document).ready(function () {
     $("#btn").submit(function () {
         $('#btn').attr('disabled', 'disabled');
     });
 });

Answer 1

在整个页面上方放置一个叠加层。叠加层可防止用户点击两次并提供一些反馈。 blockUI plugin做得非常好。

编辑：

$(document).ready(function () {
 $("#btn").click(function () {
     $('#btn').attr('disabled', 'true'); // Disable the button if you like
     $.blockUI(); // Blocking the page with a standard message.
 });
});

Answer 2

尝试使用.live，或者按下按钮后可以隐藏按钮。

$(document).ready(function () {
     $("#btn").live("click", function () {
         $('#btn').attr('disabled', 'disabled');
//or
         $('#btn').hide();
     });
 });

ASP.NET MVC按钮多次点击

2 个答案: