Остановка Javascript От отправки формы Несколько раз

Question

У меня есть форма, которую я отправляю в Parse, и после того, как я добавил на некоторых проверках на стороне клиента, он сохраняет двойную отправку в базу данных.

Я уже прочитал некоторые другие сообщения Stack на эту тему и скорректировал свой код, но он все еще происходит (я только начал изучать JS). Любые советы о том, как исправить это, будут оценены. Благодаря!

$(document).ready(function() { 

    Parse.initialize("XXXX", "XXXX"); 

    $('#commentForm').bootstrapValidator({ 

    feedbackIcons: { 
     valid: 'glyphicon glyphicon-ok', 
     invalid: 'glyphicon glyphicon-remove', 
     validating: 'glyphicon glyphicon-refresh' 
    }, 
    fields: { 
     username: { 
      message: 'The username is not valid', 
      validators: { 
       notEmpty: { 
        message: 'The username is required and cannot be empty' 
       } 
      } 
     } 
    } 
    }); 

    $("#commentForm").on("submit", function(e) { 
    $(this).submit(function() { 
     return false; 
    }); 

    e.preventDefault(); 

    console.log("Handling the submit"); 
    //add error handling here 
    //gather the form data 

    var data = {}; 
    data.username = $("#username").val(); 
    data.password = $("#password").val(); 
    data.passwords = $("#password").val(); 
    data.email = $("#email").val(); 
    // data.area = $("#area option:selected").val(); 
    // data.comments = $("#comments").val(); 

    var comment = new Parse.User(); 
    comment.save(data, { 
     success:function() { 
      console.log("Success"); 
      alert("Thanks for signing up!"); 
     }, 
     error:function(e) { 
      console.dir(e); 
     } 
    }); 

    }); 

}); 

Answer 1

Это, вероятно, из-за второй submit функции внутри вашей подчиненной формы функции, поэтому попробуйте удалить:

$(this).submit(function() { 
    return false; 
});