使用JQuery提示保存按钮阻止多个提交

时间:2014-05-07 12:19:13

标签: javascript jquery knockout.js

我有一个触发jquery提示的保存按钮(单击保存按钮,然后我提示用户:"你确定要保存更新吗?"问题是用户可以多次单击提示,导致相同的数据保存多次。如何在第一次单击时禁用提示保存按钮?

我正在使用淘汰赛。这是我的viewmodel中的代码:

$.prompt("Are you sure you want to save? You will not be able to change your decision after it's been saved.", {
    title: "Save?",
    buttons: { "Save": true, "Cancel": false },
    submit: function (e, v, m, f) {
        if (v) {
            e.disabled = true;
            response = saveUpdates(LoanDetails);
        }
    }
    }
});

3 个答案:

答案 0 :(得分:1)

您可以在首次保存数据后禁用该按钮。您可以为按钮使用不同的jquery选择器。

$('button[type=submit], input[type=submit]').attr('disabled',true);

答案 1 :(得分:0)

  

尝试在执行保存时禁用按钮本身。然后是按钮   不会被点击,你不会得到提示。

答案 2 :(得分:0)

如果你想使用jQuery禁用一个按钮,你应该看看$('#elem').prop(property,value),它可以让你做这样的事情......

$("input").prop("disabled",true);