Javascript 我想显示两个弹出窗口，一个用于显示错误消息，另一个用于显示成功消息

我不熟悉modals，我想提交一个表单，然后在用户表单被验证时显示成功弹出窗口，否则我想显示错误弹出窗口。我的it还应该执行php文件，以便在后台向用户发送电子邮件。 到目前为止，我成功地在后台执行了php文件，并在用户单击submit按钮时显示了模型。 但是我想在表单验证时显示弹出窗口。我还想使用type=“submit”代替type=“button”进行表单提交

这是我的密码：

函数executepp（）{
$.post（“sendmail.php”）；
返回false；
}

全名
电话号码
电子邮件
检查
&时代；
消息




谢谢你的选择
您的详细信息将通过电子邮件发送。
请坐，我们很快会回复你的。




接近

您可以使用Jquery来实现这一点。 在php中，验证前可以有两个变量，如：

$popup_message = "";
$popup_message_color = "";

现在，如果表单已验证，则可以如下所示显示模式：

  $popup_message = "login successfully.";
  $popup_message_color = "success";
    //Open Modal
    echo "<script type='text/javascript'>
    $(document).ready(function(){
    $('#myModal').modal('show');
    });
    </script>";

$popup\u message=“登录成功。”；
$popup\u message\u color=“成功”；
//开放模态
回声“
$（文档）.ready（函数（）{
$（'myModal'）.modal（'show'）；
});
";

在模态体中，可以显示消息和颜色

<div class="modal-body">
    <p class="text-<?php echo $popup_message_color; ?>"><?php echo $popup_message; ?></p>
</div>

在我看来，您在这里只使用了1个模态。如果结构完全不同，可以添加另一个。如果只有文本，只需在显示前动态更改其中的文本即可。如果您需要更改样式，请操纵类，以便将其更改为提供所需样式的其他类。我知道我只使用一个，但添加另一个不是问题，在表单验证后显示模式是非常重要的。如果表单字段为空，我只希望逻辑显示错误模式，如果表单成功验证，则显示成功模式。谢谢，我想我知道我现在应该做什么了。我会努力实施的。@ShafqatShafi好的，请告诉我进展如何。@ShafqatShafi好的，你说的“另一条路”到底是什么意思？截止日期快到了。这是最后一件事。但现在我只需写一个感谢或抱歉页面，然后重定向回同一页面。@ShafqatShafi好的，我明白了。如果你觉得有帮助，你可以投弃权票。