>我有一个很小的主页,它通过使用JQuery脚本通过显示块/none属性隐藏/显示必要的块,从而在同一窗口中工作,该脚本是:
$(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: $namen E-Mail: $emailn 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");
});
});`