效果
php部分:只展示插入过程
<?php
//插入注册表中
$sql_insert = "INSERT INTO regist_user(
userid,
password,
phone,
email
)
VALUES (
'" . $_POST['UserID'] . "',
'" . CryptPass($_POST['Password']) . "',
'" . $_POST['Phone'] . "',
'" . $_POST['Email'] . "'
)";
$result_insert = mysqli_query($conn, $sql_insert);
//重定向
header('Refresh: 1; URL=' . $_SERVER['PHP_SELF']);
?>
html部分:添加消息提示框的标签
<div id="message" class="message"></div>
js部分:实现成功插入的提示
如果在php中出现了变量$result_insert,就设置message值为"插入成功",反之提示“插入失败”;设置className的值为success,反之为error。
添加className作为类名,并添加message的值作为文本内容(提示内容)
<script>
//消息提示
// 获取提示框元素
var messageElement = document.getElementById('message');
// 设置提示消息文本和样式
var message = '<?php echo $result_insert ? "插入成功" : "插入失败"; ?>';
var className = '<?php echo $result_insert ? "success" : "error"; ?>';
// 添加类名和文本内容
messageElement.classList.add(className);
messageElement.textContent = message;
// 显示提示框
messageElement.style.display = 'block';
// 延迟一段时间后隐藏提示框
setTimeout(function() {
messageElement.style.display = 'none';
}, 1000);
</script>