我有一個簡單的 php 表單，在表單提交時我想顯示甜蜜警報，我做了以下代碼：
<script src="https://unpkg.com/[email protected]/dist/sweetalert2.all.js"></script>
<?php
if(isset($_POST['submit'])){
....
...
.....
mail($to,$subject,$message,$headers);
echo "<script type='text/javascript'>";
echo "swal({
title: 'Your Message Was Sent Successfully',
type: 'success',
confirmButtonColor: '#DD6B55',
confirmButtonText: 'CLOSE',
}).then(() => {
if (result.value) {
// handle Confirm button click
} else {
// result.dismiss can be 'cancel', 'overlay', 'esc' or 'timer'
}
});";
echo "</script>";
}
?>howerver sweetalert 在表單提交后沒有出現，誰能告訴我這里有什么問題，提前謝謝
uj5u.com熱心網友回復：
因為您的正文是空的，并且 sweetalert 將您的代碼附加到空正文中，所以您的控制臺中出現了如下錯誤：
如果你想用這種方法發送警報，你的身體里應該有東西。
例如，我在我的代碼上回顯簡單的跨度，它對我有用：
<script src="https://unpkg.com/[email protected]/dist/sweetalert2.all.js"></script>
<?php
if(isset($_POST['submit'])){
mail($to,$subject,$message,$headers);
// Simple span
echo '<span></span>';
echo "<script type='text/javascript'>";
echo "swal({
title: 'Your Message Was Sent Successfully',
type: 'success',
confirmButtonColor: '#DD6B55',
confirmButtonText: 'CLOSE',
}).then(() => {
if (result.value) {
// handle Confirm button click
} else {
// result.dismiss can be 'cancel', 'overlay', 'esc' or 'timer'
}
});";
echo "</script>";
}
?>
或者，如果您使用 jQuery，則可以使用AJAX而不是這樣的警報：
<script src="https://unpkg.com/[email protected]/dist/sweetalert2.all.js"></script>
<script src="https://unpkg.com/[email protected]/dist/jquery.min.js"></script>
<?php
if(isset($_POST['submit'])){
mail($to,$subject,$message,$headers);
}
?>
<script>
$("YOUR FORM NAME OR ID").on('submit', (e) => {
// prevent default for not realoding after sent
e.preventDefault();
$.ajax({
url: "YOUR URL FOR SUBMIT FORM",
type: "POST"
}).done(() => {
// Our request submited
swal({
title: 'Your Message Was Sent Successfully',
type: 'success',
confirmButtonColor: '#DD6B55',
confirmButtonText: 'CLOSE',
}).then(() => {
if (result.value) {
// handle Confirm button click
} else {
// result.dismiss can be 'cancel', 'overlay', 'esc' or 'timer'
}
});
})
})
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/494417.html
標籤：javascript php jQuery 形式 甜心提醒
下一篇：如何獲得類活動的資料屬性