如何为函数Del_img创建“是”和“否”对话框

时间:2014-04-01 23:07:37

标签: html asp.net-mvc-4 razor submit

我已经在很多方面尝试过JavaScript,但我无法解决这个问题,我真的不知道该怎么做。我只想要一个这个控制/动作的确认框。

@using (Html.BeginForm("Del_img", "Home", new { Name = @item.Url }))
{
    <input type="submit" value="Delete" />
}

此致

3 个答案:

答案 0 :(得分:0)

在标记(.cshtml)中添加带有id或name属性的按钮

在Javascript或jquery中,您可以添加确认对话框

<input type="submit" name="delete" value="Delete" /> 
<script type="text/javascript">
$(document).ready(function(){
    $("input[name='delete']").click(function() {
        return confirm('Are you sure you want to Delete?');
    });
});

答案 1 :(得分:0)

如果您想发送表格,可以使用:

@using (Html.BeginForm("Del_img", "Home", new { Name = @item.Url, @id="myForm" }))
{
    <input type="submit" value="Delete" onclick ="ConfirmDelete()" />
}

<script>
    function ConfirmDelete() {
        if (confirm("Are you sure to send delete form?")) {
            document.getElementById("myForm").submit();
        }
    }
</script>

或者,通常,如果要发送任何参数以删除操作:

<img src="..." alt="image" onclick ="ConfirmDelete(@Model.Id)"   />

这会将id发送到删除操作:

<script>
    function ConfirmDelete(id) {
        if (confirm("Are you sure to delete this?")) {
            document.location.href = '@Url.Action("Delete", "Controller")/' + id;
        }
    }
</script>

行动:

public ActionResult Delete(int id)
{
     //delete object by id
     return RedirectToAction("Index");
}

答案 2 :(得分:0)

感谢您的回复。在我问了一个问题后,我找到了解决方案,类似于 Jhoon Bey 所显示的内容。

但是,我正在为我正在进行的项目进一步提出所有答案。谢谢大家的贡献。

此致