ASP mvc如何在窗体中阻止多个单击按钮

时间:2014-07-29 21:03:09

标签: asp.net-mvc html-helper

点击一下后是否有简单的方法来阻止按钮?

我尝试了谷歌(javascript)的一些方法,但它无法正常工作

我的代码有一些示例:

.
.
.
        <tr>
            <td>
                choose files 
            </td>
            <td>
                @using (Html.BeginForm("addItem", "Items", FormMethod.Post, new { id = "uploadForm", enctype = "multipart/form-data" }))
                { 
                    @(Html.Telerik().Upload().Name("Attachments"))
                }
            </td>
        </tr>
        <tr>
            <td>
                Stringgg
            </td>
            <td style="padding-top: 10px">
                @Html.TextAreaFor(m => zlec.Tresc, new { required = "required", style = "width:100%" })
            </td>
        </tr>
        </TABLE>

        <button type="submit">Add Item</button> 

在控制器中我在db([HttpPOST])

中向表中添加一些行

快速双击“添加项目”后,添加2行

2 个答案:

答案 0 :(得分:0)

Javascript或Jquery是禁用onclick按钮的最佳选择(在线有很多例子)。将代码置于后期操作中以停止重复可能适合您的解决方案。您可以使用sessionId吗?

答案 1 :(得分:0)

点击后可以使用简单的javascript来禁用

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script>
    $(document).ready(function(){
        $('#btn').click(function(){
            $(this).attr('disabled','disabled');
        });
    });
</script>
<button type="submit" id="btn">Add Item</button>