javascript - 如何防止从提交表单调用 Action Post 方法点击两次？

Question

我的 .cshtml View 中有以下控件:

<"a id="BtnSubmit" onclick="SubmitForm();"><img id="ImgSave" src="~/images/IcnSave.png" /></a>

    function SubmitForm() {
       $('#Form_Create_Edit_Customer_Contact_FollowUp').submit();
    }

其中#Form_Create_Edit_Customer_Contact_FollowUp是表单的名称。

问题是相应的 Controller POST 方法被击中两次，我怎样才能停止当前的行为。

Note: I need to use a link rather than Button/Input with type submit for design reasons.

Answer 1

要避免当前行为，您可以尝试以下代码

function SubmitForm(e) {
      e.preventDefault()
      $('#Form_Create_Edit_Customer_Contact_FollowUp').submit();
   }