-1

我已经创建了一个基于 JSON 提要的表单,当用户单击“保存”时,我会显示引导模式窗口并且没有提交表单

但是我注意到当我添加这段代码时,表单正在提交,我需要它来填充模态窗口并在模态窗口中显示一个表格。

我怎样才能阻止它提交?修改后的代码:

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

正如@pmandell 所建议的那样,我移至 ev.preventdefault 并且有效

      <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); 





    }); 



        });
4

1 回答 1

1
$('#myform').on('submit', function(ev) {
    ev.preventDefault();
...
于 2012-11-02T15:13:57.960 回答