是否阻止Ajax表单提交两次

Question

您好，在这里寻求有关我的表单的帮助。我将如何防止"$(document(.on('submit’…"使用"$(active_form([0].submit(("提交时再次被触发"？

谢谢！

$(document).on('submit', active_form, function(e) {
e.preventDefault();

active_form = $('div.account-address-form.visible form');
var vat_input = $('div.account-address-form.visible form input.vat_reg_no');
var but_prim =  $('div.account-address-form.visible form .button-primary');
if (vat_input.val()) {
var url = "/apps/vat-check/";
var number = vat_input.val();
$.ajax({
type: "GET",
dataType: "jsonp",
url: url,
data: {
number: number
},
beforeSend: function() {
but_prim.prop('disabled', true);
but_prim.css('opacity', '.4');
},
success: function(data) {
var result = data.result;
if (result) {

$.ajax({
type: "GET",
dataType: "jsonp",
url: "/apps/customer-vat/",
data: {
email: "{{ customer.email }}",
vat_no: number,
update: true
},
success: function(data) {

$(active_form)[0].submit();
$(active_form).off("submit").submit();

Answer 1

$(document).on('submit', active_form, function(e) {

e.preventDefault();

if(!active_form.attr('validated'))
{

active_form = $('div.account-address-form.visible form');
var vat_input = $('div.account-address-form.visible form input.vat_reg_no');
var but_prim =  $('div.account-address-form.visible form .button-primary');
if (vat_input.val()) {

var url = "/apps/vat-check/";
var number = vat_input.val();
$.ajax({
type: "GET",
dataType: "jsonp",
url: url,
data: {
number: number
},
beforeSend: function() {
// disabling button
but_prim.prop('disabled', true);
// set button
but_prim.css('opacity', '.4');
},
success: function(data) {

active_form.attr('validated',true);
var result = data.result;
if (result) {

$.ajax({
type: "GET",
dataType: "jsonp",
url: "/apps/customer-vat/",
data: {
email: "{{ customer.email }}",
vat_no: number,
update: true
},
success: function(data) {
active_form.attr('validated',true);
$(active_form)[0].submit();