如何防止表單提交時，我點擊保存按鈕？

-1

我已經創建了一個基於JSON feed的表單，當用戶點擊「保存」時，我有引導模式窗口顯示和表單不提交如何防止表單提交時，我點擊保存按鈕？

但我注意到當我添加這段代碼時，表單正在提交，我需要這個來填充模態窗口並在模態窗口中顯示一個表格。

如何防止提交？修改後的代碼：

$('#myModal').modal('show'); 
    $.each(data, function(key, val) { 
     var tablefeed= $('<tr><td>ID: '+key+'</td><td id="'+key+'">'+val+'</td><tr>').appendTo('#display'); 
    }); 
$(".modal-body").html(tablefeed);

我搬到ev.preventdefault作爲@pmandell曾建議和工作

 <script type="text/javascript"> 





    $('#myform').on('submit', function(ev) { 

     ev.preventDefault(); 

    var data = $(this).serializeObject(); 
    json_data = JSON.stringify(data); 
    $("#results").text(json_data); 
    $('#myModal').modal('show'); 
     $.each(data, function(key, val) { 
      var tablefeed= $('<tr><td>ID: '+key+'</td><td id="'+key+'">'+val+'</td><tr>').appendTo('#display'); 
     }); 
    $(".modal-body").html(tablefeed); 





    }); 



     });

來源

2012-11-02 user244394

剛剛返回false在.submit（）事件 – sdespont

要麼是上面，或者在事件對象上調用preventDefault（）方法：event.preventDefault（）; – James

$('#myform').on('submit', function(ev) { 
    ev.preventDefault(); 
...

來源

2012-11-02 15:13:57 pmandell

如何防止表單提交時，我點擊保存按鈕？

回答

相關問題