淘汰“提交”干扰 Razor @html.beginform 提交答案

【问题标题】：knockout "submit" interferring with Razor @html.beginform submit淘汰“提交”干扰 Razor @html.beginform 提交
【发布时间】：2017-07-06 11:02:07
【问题描述】：

我有一个包含一些 Knockout 代码的表单，但该表单提交得太早了。我有以下

  <form data-bind="submit:addItem">
            Add illness: <input type="text" data-bind='value:itemToAdd, valueUpdate: "afterkeydown"' />
            <button type="submit" data-bind="enable: itemToAdd().length > 0">Add</button>
        </form>

该按钮干扰了我的 Razor 表单，我假设因为它是 type="submit"，所以当我不幸单击此按钮时，表单正在提交，当我只想使用此按钮时调用淘汰功能。
所以我想解决问题的一种方法是不使用上面的代码，但我不知道替代方案是什么。希望我不需要将 type="submit" 放在那里，因为我需要保存该功能，以便在很久以后提交最终表单时使用

【问题讨论】：

标签： javascript forms razor knockout.js

【解决方案1】：

试试这个：

<form data-bind="submit:addItem.bind($data)">

我在所有点击事件中都使用.bind，因为它会阻止在应用绑定时触发点击事件，并且还允许您传递额外的参数。

【讨论】：