Forms 如何使用数据表提交表单

Forms 如何使用数据表提交表单,forms,datatables,submit,Forms,Datatables,Submit,我使用数据表提交调查问题的答案。每个问题都在新页面中,下一个问题通过“下一步”按钮显示。我只想有一个提交按钮,它必须出现在所有问题的结尾。在我的代码中,它位于表下,并且始终可见。我最大的问题是,这个提交按钮在db中只插入最后一个问题,而不是所有问题。 你能帮我吗?:) 我的看法是: $(文档).ready(函数(){ $('#示例')。数据表({ “pagingType”:“简单”, “长度菜单”:[[1],[1]], “bSort”:错误, “语言”:{ “分页”:{ “先前”:正确 }

我使用数据表提交调查问题的答案。每个问题都在新页面中,下一个问题通过“下一步”按钮显示。我只想有一个提交按钮,它必须出现在所有问题的结尾。在我的代码中,它位于表下,并且始终可见。我最大的问题是,这个提交按钮在db中只插入最后一个问题,而不是所有问题。 你能帮我吗?:) 我的看法是:


$(文档).ready(函数(){
$('#示例')。数据表({
“pagingType”:“简单”,
“长度菜单”:[[1],[1]],
“bSort”:错误,
“语言”:{
“分页”:{
“先前”:正确
}
}
} );
} );
问题:


我认为Datatables对于您试图做的事情来说是相当过分的。就我个人而言,我会将其输出到一组div中,并使用jquerytoggle执行一个简单的前向-后向类型按钮,这大大减少了开销。还有一些开销非常低的寻呼解决方案可以满足需要。请记住,datatables不仅要重新格式化表,而且它还有一个加载的API调用百科全书,以及它所持有的数据模型。这对于显示/隐藏类型测试来说太多了

不管怎样,解决方案非常简单。用
标签包装容器(不管是什么,数据表还是div)。将submit按钮放在末尾,并通过任何方式显示/隐藏或启用/禁用它。Datatables有一个API调用,可以告诉您当前页面,您可以关闭它以启用按钮。由于按钮将在您关闭
之前,因此它将自动提交

或者,您可以将容器包装在表单中,构建一个jQuery
.on('click')
事件,该事件序列化表单,并在需要时通过Ajax提交表单。如果您使用此方法,关键是要
preventDefault()
,这样表单就不会像html表单那样自动提交