用不同的输入提交两次相同的表格



我对"重复"的问题感到抱歉。我已经检查了关于这个主题的其他问题,但无法解决我的问题。希望你能帮助我。

你看,我需要提交一个带有一些特定输入的表单(不是全部(,我使用AJAX和Jquery来完成这项工作,就像这个一样

$('#msform').submit(function(e) {
e.preventDefault();
var action = $(this).attr('action');
$.ajax({
url  : action,
type : 'POST',
data : $('#form1, #msform :input:not(.exclude)').serialize(),
success : function() {
}
});
return false;
});

它运行良好。它只发送序列化的输入,我希望它发送( $('#form1, #msform :input:not(.exclude)').serialize() )和全部。但是,在那之后,当用户点击按钮时,我需要再次发送它,并输入一些不同的输入。这是我的代码:

$('#acepto').click(function(event){
event.preventDefault();
var action2 = $('#msform').attr('action');

$.ajax({
url  : action2,
type : 'POST',
data : $('#msform :input.formu2').serialize(),
success : function() {
var data = $('#msform :input.formu2').serialize();
console.log(data);
}
});
return false;
});

现在代码什么都没有,它不会按照我的意愿再次发送我的表单,我也没能找到我的错误。知道为什么吗?

如果您的意图是单击#acepto按钮提交表单,那么您的困惑是您为表单分配了一个提交处理程序,而不是实际进行提交。最初分配的提交处理程序将导致在您单击提交按钮时提交表单。accept按钮不需要更改提交处理程序;它可以直接提交:

$('#acepto').click(function(event) {
event.preventDefault();
var action2 = $('#msform').attr('action');
$.ajax({
url: action2,
type: 'POST',
data: $('#msform :input.formu2').serialize(),
success: function() {
var data = $('#msform :input.formu2').serialize();
console.log(data);
}
});
return false;
});

最新更新