效果

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>