Question

您好我有2个php文件

的index.php

<form action="send.php" method="POST">
<div data-alert class="alert-box success radius">
Message sent.
<a href="#" class="close">&times;</a>
</div>
<input type="text" name="txt_message">
<input type="submit" value="Send">
</form>
<script>
 <script src="js/vendor/jquery.js"></script>
 <script src="js/foundation.min.js"></script>
 $(document).foundation();
 $('.alert-box > a.close').click(function() { $(this).closest('[data-alert]').fadeOut(); });
 </script>

send.php

if(!empty($_POST['txt_message'])) {
 echo "<script>alert('Message will be sent shortly...').location.href='index.php';</script>";
} else {
 echo "<script>alert('Message not sent').location.href='index.php';</script>";
}

我想要做的是在发送邮件时仅显示成功数据警报。有什么想法吗？谢谢。

Answer 1

您必须在页面加载$('.alert-box').hide()，

上隐藏数据提醒

在表单<form id="form" action="send.php" method="POST">

中添加ID

并匹配提交事件$('#form').submit({$('.alert-box').show();});

在此事件中，您可以在显示警告框之前检查字段有效性

基金会警报仅在成功时显示

1 个答案: