我正在尝试为网站设置联系页面，我想在发送电子邮件时（在同一页面上）添加成功的wealalert弹出窗口，并在任何字段中添加错误警报保留为空，但是即使函数（评估字段是否已填充）返回false（保留为空字段），它也会继续显示成功警报。当前，该网站的联系页面通过contact.html文件和一个单独的mail.php文件可很好地工作，该文件保存并发送数据，同时在php页面上发送并重定向回html页面时显示出sweetalert成功消息。但是我希望能够在同一（contact.php）页面上显示sweetalert，同时根据函数将返回的布尔值显示指定的警报。在这里您可以找到php Contact Page来测试结果。
PHP：
<?php
global $name;
global $email;
global $message;
global $subject;
?>
<?php
if (isset($_POST['name'])) {
$name = $_POST['name'];
}
if (isset($_POST['email'])) {
$email = $_POST['email'];
}
if (isset($_POST['message'])) {
$message = $_POST['message'];
}
if (isset($_POST['subject'])) {
$subject = $_POST['subject'];
}
$formcontent="From: $name \n Message: $message";
$recipient = "[email protected]";
$mailheader = "From: $email \r\n";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
?>
HTML：
<html>
<body>
<main>
<section>
<div class="container">
<form onsubmit="checkvalidation();" method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<div class="form-group">
<label>
<strong>Name</strong>
</label>
<input class="form-control" type="text" name="name" id="name">
</div>
<div class="form-group">
<button class="btn btn-warning btn-block" type="submit" value="Send" onclick="return check();">
Send
</button>
</div>
</form>
</div>
</section>
</main>
</body>
</html>
JS：
function checkvalidation(){
function SweetAlertSuccess(){
Swal.fire(
'¡Mensaje enviado!',
'¡Gracias por contactarnos!',
'success'
)
}
function SweetAlertError(){
Swal.fire({
icon: 'error',
title: '¡Faltan llenar algunos campos!',
text: 'Los campos requeridos serán remarcados.'
})
}
if ( check() ){
SweetAlertSuccess();
}
else{
SweetAlertError();
}
}
function check(){
var name = document.getElementById("name");
var subject = document.getElementById("subject");
var email = document.getElementById("email");
var message = document.getElementById("message");
var regx = /^([a-z 0-9\.-_]+)@([a-z 0-9-_]+).([a-z]{2,8})(.[a-z]{2,8})?$/;
if (regx.test())
{
email.style.border = "solid 3px #f03535";
document.getElementById("lblemail2").style.display = "table-row";
document.getElementById("bremail2").style.display = "table-row";
}
if (name.value.trim() == "" && subject.value.trim() == "" && email.value.trim() == "" && message.value.trim() == "" )
{
name.style.border = "solid 3px #f03535";
subject.style.border = "solid 3px #f03535";
email.style.border = "solid 3px #f03535";
message.style.border = "solid 3px #f03535";
document.getElementById("lblname").style.display = "table-row";
document.getElementById("lblsubject").style.display = "table-row";
document.getElementById("lblemail").style.display = "table-row";
document.getElementById("lblmessage").style.display = "table-row";
document.getElementById("brname").style.display = "table-row";
document.getElementById("brsubject").style.display = "table-row";
document.getElementById("bremail").style.display = "table-row";
document.getElementById("brmessage").style.display = "table-row";
return false;
}
else
{
return true;
}
}
我希望当函数check（）返回false时，弹出警报将是一个错误警报，但是会显示成功警报（仅当它返回true时才会发生）
UPDATE：
我还试图使联系人页面在sweetalert完成弹出之前不刷新，并且仅在用户单击警报上的“确定”按钮之后才刷新（发送消息时）（如本示例[ C0]是一个html Contact page和一个单独的.html文件一起工作），其代码如下：
.php谢谢您！
如果我读错了您的检查功能，但如果正则表达式邮件检查或为空检查失败，我想让它警告错误，请给我反馈？
<?php
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
$formcontent="From: $name \n Message: $message";
$recipient = "[email protected]";
$subject = $_POST['subject'];
$mailheader = "From: $email \r\n";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
?>
<body onpageshow="SweetAlertSuccess()">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
<script src="sweetalert2.all.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/promise-polyfill"></script>
<script src="sweetalert2.min.js"></script>
<script>
function SweetAlertSuccess(){
Swal.fire({
title: '¡Mensaje enviado!',
text: "¡Gracias por contactarnos!",
icon: 'success',
showCancelButton: false,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'OK'
}).then((result) => {
if (result.value) {
location.href="contacto.html";
}
})
}
</script>
为了防止发生错误时提交，您的function check(){
var name = document.getElementById("name");
var subject = document.getElementById("subject");
var email = document.getElementById("email");
var message = document.getElementById("message");
var isValid = true;
var regx = /^([a-z 0-9\.-_]+)@([a-z 0-9-_]+).([a-z]{2,8})(.[a-z]{2,8})?$/;
// if regex test fails, email is not valid
if (!regx.test())
{
email.style.border = "solid 3px #f03535";
document.getElementById("lblemail2").style.display = "table-row";
document.getElementById("bremail2").style.display = "table-row";
isValid = false;
}
// if name subject or message is empty, its not valid
if (name.value.trim() == "" && subject.value.trim() == "" && email.value.trim() == "" && message.value.trim() == "" )
{
name.style.border = "solid 3px #f03535";
subject.style.border = "solid 3px #f03535";
email.style.border = "solid 3px #f03535";
message.style.border = "solid 3px #f03535";
document.getElementById("lblname").style.display = "table-row";
document.getElementById("lblsubject").style.display = "table-row";
document.getElementById("lblemail").style.display = "table-row";
document.getElementById("lblmessage").style.display = "table-row";
document.getElementById("brname").style.display = "table-row";
document.getElementById("brsubject").style.display = "table-row";
document.getElementById("bremail").style.display = "table-row";
document.getElementById("brmessage").style.display = "table-row";
isValid = false;
}
return isValid;
}
必须返回onSubmit。
false