取消表单提交

在下面的代码中，我试图关闭这是从jQuery和不提交动作，当我点击任何按钮和删除当我点击删除弹出的形式。早前的工作，但现在连当我点击取消的形式提交给位指示和删除操作完成。出了什么问题？我怎样才能使取消按钮关闭弹出，但不submit.help请！取消表单提交

@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（）似乎并不奏效

来源

2012-07-10 Sanjay Maharjan

该插件，您正在使用弹出？ – mithunsatheesh 2012-07-10 04:45:35

$(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) 
    }); 
});

来源

2012-07-10 05:03:57

我已经发布了我的jquery above.Please检查 – 2012-07-10 05:31:39

除非有转录错误，你的选择器看起来是错误的。班级是“关闭”而不是“关闭”。 – 2012-07-10 05:51:37

将这个代码在您的jQuery的网页加载方法：

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

来源

2012-07-10 04:45:16

取消表单提交

回答

相关问题