Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在提交完成后显示div,而不是单击按钮?_Javascript_Jquery_Html_Css_Forms - Fatal编程技术网

Javascript 如何在提交完成后显示div,而不是单击按钮?

Javascript 如何在提交完成后显示div,而不是单击按钮?,javascript,jquery,html,css,forms,Javascript,Jquery,Html,Css,Forms,我有一个与许多字段表单的联系表单。表单发送一封电子邮件,我想在提交完成后显示一个div(该div有css属性display none,visible hidden) 使用onClick时,如果单击包含所有空表单的按钮,就会显示div。 有什么帮助吗 我的JavaScript函数: $(document).ready(function () { $('.ipva_form_calculation').submit(function(event){ $('.ipva_resu

我有一个与许多字段表单的联系表单。表单发送一封电子邮件,我想在提交完成后显示一个div(该div有css属性display none,visible hidden)

使用onClick时,如果单击包含所有空表单的按钮,就会显示div。 有什么帮助吗

我的JavaScript函数:

$(document).ready(function () {
    $('.ipva_form_calculation').submit(function(event){
        $('.ipva_result').show();
            return false;
    });
});
<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>
我的HTML表单:

$(document).ready(function () {
    $('.ipva_form_calculation').submit(function(event){
        $('.ipva_result').show();
            return false;
    });
});
<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>
。。。
改用jQuery
submit()
处理程序:

改用jQuery
submit()
handler:


使用JQuery的提交事件

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

使用JQuery的提交事件

$('#ur_form_id').submit(function(e) {
  $('.div_class_name').show();
});
这是表格

<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>

希望它对您有用

这是表格

<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>


希望它对您有用

那么,您希望在提交表单后显示div吗?您需要使用ajax并在从ajax调用获得成功结果后显示div。请发布您的一些代码。@mags我发布了一些代码。那么您想在提交表单后显示div吗?您需要使用ajax并在从ajax调用获得成功结果后显示div。请发布一些代码。@mags我发布了一些代码。我只是发布了一些代码,但实际上不起作用:(我已经添加了代码。@divix您仍然缺少对输入的验证,我已经在代码中添加了一些示例验证。我只是这样做了,但实际上不起作用:(我已经添加了代码。@divixYou仍然缺少对输入的验证,我已经在代码中添加了一些示例验证。为什么我必须使用e参数?我确实添加了代码,但不起作用,请检查我的更新。为什么我必须使用e参数?我确实添加了代码,但不起作用,请检查我的更新。