我在测试主机页面(http://www.000webhost.com/)上运行了这个JavaScript,然后我将表单/站点移动到另一个托管页面(https://www.one.com/)。突然,表格被发布两次!我一直在尝试将以下行e.stopPropagation();
添加到代码中,就在e.preventDefault();
之后,然后发布注释。如果我只使用e.stopPropagation();
- 也没有发布任何内容。
$(document).ready(function() {
$('form').on('success.form.bv', function(e) {
var thisForm = $(this);
//Prevent the default form action
e.preventDefault();
//Hide the form
$(this).fadeOut(function() {
//Display the "loading" message
$(".loading").fadeIn(function() {
//Post the form to the send script
$.ajax({
type: 'POST',
url: thisForm.attr("action"),
data: thisForm.serialize(),
//Wait for a successful response
success: function(data) {
//Hide the "loading" message
$(".loading").fadeOut(function() {
//Display the "success" message
$(".success").text(data).fadeIn();
});
}
});
});
});
});
});
我正在使用'success.form.bv'
,因为我使用bootstrapvalidator来验证表单。我无法将bootstrapvalidator上的"Form is submitted twice"示例代码与我的代码结合使用,以便只提交一次表单。
如果只提交一次表格,我该怎么做?