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

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>

发送.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() ,

向您的表单添加 ID <form id="form" action="send.php" method="POST">

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

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