取消表單提交

在下面的代碼中，我試圖關閉這是從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

取消表單提交

回答

相關問題