我已经创建了一个基于JSON feed的表单,当用户点击“Save”时,我有bootstrap模态窗口显示并且表单没有提交
但是我注意到当我添加这段代码时,表单已经提交了,我需要这个来填充模态窗口并在模态窗口中显示一个表。
我如何阻止它提交? 修改后的代码:
$('#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);
});
});
答案 0 :(得分:1)
$('#myform').on('submit', function(ev) {
ev.preventDefault();
...