jquery - 取消表单提交

Question

在下面的代码中，我尝试关闭来自 jquery 的弹出表单，并且在我单击 no 按钮时不提交操作，并在单击 delete 时删除。它以前工作过，但现在即使我单击取消，表单也会提交给控制器并完成删除操作。出了什么问题？如何使取消按钮关闭弹出窗口但不提交。请帮助！

@using (Html.BeginForm())
        {
            <fieldset style="width:70%;">


                            @Html.Hidden("CnoType", Model.CnoType, Model)


                               <b> Description: </b>

                                @Html.DisplayFor(Desc=>Model.CNoDesc)<br />

                                <b> Prefix:</b>&nbsp;&nbsp;

                                @Html.DisplayFor(Prefix=>Model.CnoPrefix)<br />

                            <b>Is Enable</b> &nbsp;
                           @Html.CheckBox("IsEnable", Model.IsEnable, Model)



            </fieldset>

            <input id="btn" type="submit" value="Delete" />

             <button class="Close">Cancel</button>

        }

这是我的jQuery

<script type="text/javascript">

            $.ajaxSetup({ cache: false });

            $(document).ready(function () {
                $(".openDialog").live("click", function (e) {
                    e.preventDefault();

                    $("<div></div>")
                    .addClass("dialog")
                    .attr("id", $(this)
                    .attr("data-dialog-id"))
                    .appendTo("body")
                    .dialog({
                        title: $(this).attr("data-dialog-title"),
                        minWidth: 500,
                        minHeight: 100,
                        resizable: false,
                        close: function () { $(this).remove() },
                        modal: true
                    })

                    .load(this.href);
                });

                $(".close").live("click", function (e) {
                    e.preventDefault();
                    $(this).closest(".dialog").dialog("close");
                });
            });

</script>

e.preventDefault() 似乎不起作用

Answer 1

将此代码放入您的 jquery 页面加载方法中：

$(document).ready(function(){
     $(".Close").click(function(){
         $.colorbox.close();  // if you are using colorbox for generating the popup.
     });
});

Answer 2

$(document).ready(function(){
     $(".Close").click(function(){
         return false;  //prevents default action (submit)
     });
});

或者

$(document).ready(function(){
     $(".Close").click(function(event){
         event.preventDefault();  //prevents default action (submit)
     });
});