jquery - フォームの保存データとエラー後の再送信

Question

私の問題は、フォームがエラーの後に送信されたデータを保存し、送信ボタンを複数回クリックすると、データが何度も送信されることです

フォームを処理するJSは次のとおりです。実際には「送信」しないことに注意する必要があります。私の問題は、成功コールバックの「else」にあります

 $('#reg_form').on('submit', function(e){
    e.preventDefault();
    $('#error_box').hide();
    $('#error_box').html("")
    var $mail = $('#reg_email').val();
    var $usn = $('#reg_username').val();
    var $pwd = $('#reg_password').val();

data = $(this).serializeArray();

$.ajax({
    url: 'PHP/validate.php',
    type: 'post',
    data: data,
    dataType : 'json',
    success: function (dat) {
        if(dat.error==0){
            alert('user added');
        }else{
            var length = dat.error_codes.length;
            for (var i = 0; i < length; i++) {
                $('#error_box').html( $('#error_box').html() + dat.error_codes[i] + '<br/>' );
            }
            $('#error_box').show(500);
            setTimeout(function(){
                $('#error_box').hide(1500, function(){$('#error_box').html("");});  
            }, 1500);
        }
    },
    error: function(){
        alert('failure');
    }
   });
 });

フォームに保存されたデータを消去するにはどうすればよいですか?