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();
});

希望它为你工作！

如何在提交后显示div是complet而不是单击按钮？

3 个答案: