javascript - Knockout.js - 防止多个表单提交

Question

目前，我只在提交表单后使用“禁用”ko 绑定来禁用表单按钮和输入字段，但大部分添加将使用回车键完成。我注意到如果我多次按回车键，每次都会触发添加功能。

有没有办法检测视图模型中添加功能内的按键？或者任何其他在 KO 内部解决这个问题而不求助于 jQuery 的方法？

Answer 1

您可以向您的 viem 模型添加一个标志，该标志将指示表单状态并禁止第二次提交：

function ViewModel(){
    var self = this;

    self.isSubmiting = ko.observable(false);

    self.clickFunc = function(){
        if (!self.isSubmiting())
        {
            self.isSubmiting(true);

            // Do submit
            console.log("submit");
        }
    }
}

这是一个小提琴：http: //jsfiddle.net/JMLbV/