單擊時禁用按鈕，但無法將參數傳遞給控制器

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>