单击时禁用按钮，但无法将参数传递给控制器

Question

我有一个按钮，单击后要禁用它。

<input type="submit" value="Save" class="btn btn-default" name="submit" style="float: right; position: relative; right: -18px;" />

值“保存”需要从按钮传递到控制器：

 public ActionResult EditCall(ModelCallDetails call, string submit)

但是，很明显，当我放置诸如Disable之类的OnClick事件时，该参数未推送到控制器。

无论如何，实际上是否会将值传递给控制器​​，表单仍在发布模型信息。

Answer 1

使用onsubmit事件。

范例：

<form action="" method="post" onsubmit="return submitForm(this);">  
    <input type="submit" value="Save" class="btn btn-default" name="submit" style="float: right; position: relative; right: -18px;" /> 
</form>  

<script type="text/javascript">  
    function submitForm(th) {   
        th.submit.disabled = true;  
        return true;
    }  
</script>  

您可以在下面的代码段中测试，当按钮变为禁用状态时，不再调用Submit事件。 我只将return true更改为return false因为我不应该发布到stackoverflow。 只是为了向您显示该事件的提交按钮设置为disabled=true之后，该事件不再可调用。

 <form action="" method="post" onsubmit="return submitForm(this);"> <input type="submit" value="Save" class="btn btn-default" name="submit" /> </form> <script type="text/javascript"> function submitForm(th) { th.submit.disabled = true; console.log("passed"); return false; } </script>