Как показать div после отправки, а затем нажать кнопку?

Question

У меня есть контактная форма со многими формами полей. Форма отправляет электронное письмо, и я хотел бы показать div (у div есть атрибуты css, которые не отображаются, видимые скрыты) после завершения отправки.

Когда я использую onClick, div появляется, если я нажму кнопку со всеми пустыми формами. Любая помощь? Функция

Мои JavaScript:

$(document).ready(function() { 
    $('.ipva_form_calculation').submit(function(event){ 
     $('.ipva_result').show(); 
      return false; 
    }); 
}); 

Мой HTML форма:

<form action="http://localhost/pedespachante/" method="post"  class="avia_ajax_form av-form-labels-hidden avia-builder-el-4  el_after_av_heading avia-builder-el-last ipva_form_calculation av-centered-form av-custom-form-color av-light-form" data-avia-form-id="1" data-avia-redirect="" style="display: none;">...</form> 

Answer 1

Использование JQuery submit() обработчик вместо: https://api.jquery.com/submit/

$('#myForm').submit(function(event) { 
    //do some form validations 
    $(this).find('input[type="text"]').each(function() { 
     if ($(this).val() == '') { 
      //one or more fields is empty, hence stop here 
      return false; 
     } 
    }); 

    $('.div').show(); 
}); 

Answer 2

Использование отправить событие из JQuery

$('#ur_form_id').submit(function(e) { 
    $('.div_class_name').show(); 
}); 

Answer 3

здесь форма

<form action="http://localhost/pedespachante/" method="post" id="form_id"> 
    <input type="text" name="contact" /> 
    <div class="error" style="display:none;">Please Fill Contact</div> 
</form> 

здесь JQuery

$('#form_id').submit(function() { 
    $(this).find('input[type="text"]').each(function() { 
    if ($(this).val() == '') { 
    //one or more fields is empty, hence stop here 
     return false; 
    } 
    }); 
    $('.error').show(); 
}); 

Надежда свою работу для Вас!