[英]JQuery (should not to) hides form after Submitting it
我有一个很小的主页,通过使用JQuery脚本通过显示块/无属性隐藏/显示必要的块,可以在同一窗口中工作:
$(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");
});
});`
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.