javascript - 如何防止两次提交表单中的Action Post方法被点击？(How to prevent Action Post method called from Submit form Hit twice?)

Question

I have the following control in my .cshtml view:

(我的.cshtml视图中具有以下控件：)

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

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

Where #Form_Create_Edit_Customer_Contact_FollowUp is the name of the form.

(其中#Form_Create_Edit_Customer_Contact_FollowUp是表单的名称。)

The problem is that the corresponding controller POST method is being hit twice, how can I stop the current behaviour.

(问题是相应的控制器POST方法被击中了两次，我如何才能停止当前行为。)

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

(注意：出于设计原因，我需要使用类型为Submit的链接而不是Button / Input。)

  ask by Yazan translate from so

Answer 1

To avoid the current behaviour you can try below code

(为了避免当前行为，您可以尝试以下代码)

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