Javascript JQuery(不应该)在提交表单后隐藏表单
我有一个小小的主页,它在同一个窗口中工作,通过使用JQuery脚本的display block/none属性隐藏/显示必要的块,这是:Javascript JQuery(不应该)在提交表单后隐藏表单,javascript,php,jquery,forms,submit,Javascript,Php,Jquery,Forms,Submit,我有一个小小的主页,它在同一个窗口中工作,通过使用JQuery脚本的display block/none属性隐藏/显示必要的块,这是: $(document).ready(function(){ $(".show").click(function (){ $(".web, .about, .tel, .email").hide(); $("." + $(this).attr("show-class")).fadeIn("fast"); }); }); HTML是: &l
$(document).ready(function(){
$(".show").click(function (){
$(".web, .about, .tel, .email").hide();
$("." + $(this).attr("show-class")).fadeIn("fast");
});
});
HTML是:
<li><a href="#" class="show" show-class="email">E-mail</a></li>
<div class="email">
<form method="post" action="">
<input name="name" placeholder="Name (required)">
<input name="email" type="email" placeholder="E-mail (required)">
<textarea name="message" placeholder="Message"></textarea>
<input name="submit" type="submit" value="Submit">
</form>
<?php
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
$to = 'example@example.com';
$subject = 'Hi! From Example.com';
$body = "From: $name\n E-Mail: $email\n Message:\n $message";
if ($_POST['submit']) {
if ($name != '' && $email != '') {
if (mail ($to, $subject, $body)) {
echo '<p>Your message has been sent.</p>';
} else {
echo '<p>Something went wrong, go back and try again.</p>';
}
} else {
echo '<p>Please fill in required information.</p>';
}
}
?>
</div>
问题是,无论是否成功,提交表单(按提交按钮)后,表单块将隐藏,并且只有在再次按“电子邮件”链接后,其中一条消息(如“您的消息已发送”)才会显示在表单下方/随表单一起
那么我怎样才能阻止表单在提交后消失呢
谢谢大家! 删除$(“.web、.about、.tel、.email”).hide()代码>
这就是隐藏你的输入的原因
对代码的调整
$(document).ready(function() {
$(".show").click(function() {
$("." + $(this).attr("show-class")).fadeIn("fast");
});
});`
谢谢,但是问题是,每个新出现的块都应该隐藏上一个,因为它们被放置在相同的位置。因此,通过使用您的方法,每个块都会显示在前一个块的下方。按下提交按钮后,表单仍会消失。