我如何禁用按钮提交表单

时间:2020-05-22 04:10:45

标签: javascript jquery asp.net kendo-ui kendo-grid

我在表单中有一个Kendo网格,在网格中我有“编辑”按钮以显示“编辑弹出窗口”,但是当我单击它时,将表单提交给控制器,是否有阻止提交表单的方法?

<button class="btn btn-link" onkeydown="editGridRow(&quot;AddressGrid&quot;, this)" onclick="editGridRow(&quot;AddressGrid&quot;, this)">Edit</button>

我还有另一个按钮来保存所做的更改,我只想在单击下面的“保存”按钮时提交表单

<button type="submit" class="btn btn-success" role="button"><i class="fas fa-save"></i>&nbsp; &nbsp;Save</button>

1 个答案:

答案 0 :(得分:2)

因此,当您单击“提交”按钮时,会发生默认操作,即提交表单

因此要防止发生默认操作,请使用名为preventDefault

的函数

在这里https://www.sitepoint.com/community/t/how-to-set-up-preventdefault-on-form-submit/245580

阅读一个简单的解决方案

在此处了解有关preventDefault的信息:https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault