Javascript 如何在提交完成后显示div,而不是单击按钮?
我有一个与许多字段表单的联系表单。表单发送一封电子邮件,我想在提交完成后显示一个div(该div有css属性display none,visible hidden) 使用onClick时,如果单击包含所有空表单的按钮,就会显示div。 有什么帮助吗 我的JavaScript函数: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
$(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>
。。。
改用jQuerysubmit()
处理程序:
改用jQuerysubmit()
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参数?我确实添加了代码,但不起作用,请检查我的更新。