php - 在不重定向到另一个页面的情况下回显错误并保留所有表单数据？-6ren

php - 在不重定向到另一个页面的情况下回显错误并保留所有表单数据？

转载作者：行者123 更新时间：2023-11-28 00:49:51

例如，如果未填写用户名，则会向用户显示错误信息，但在按下提交后，他们会被抛到另一个页面并显示错误。

我如何将错误保留在与注册表单相同的页面上，并在提交后保留用户输入的所有文本？

注册PHP:

<?php
require 'db_connect.php';
$count = 0;
	if (isset($_POST['username']))
    {
	    $username = $_POST['username'];
	    if (!empty($username)) 
	    {
		    $count++;
	    } 
	    else 
	    {
		    echo 'Please enter a username';
		    echo "<br>";
	    }
    }
    if (isset($_POST['email']))
    {
	    $email = $_POST['email'];
	        if (!empty($email))
	        {
		        $count++;
	        } 
	        else 
	        {
		        echo 'Please enter an email';
		        echo "<br>";
	        }
    }
    if (isset($_POST['password']))
    {
	    $password = $_POST['password'];
	        if (!empty($password))
	        {
		        $count++;
	        } 
	        else 
	        {
		        echo 'Please enter a password';
		        echo "<br>";
	        }
    }




if(strlen($username) > 25)
    header('Location: registration.php');

$hashword = password_hash($password,PASSWORD_DEFAULT);

if($count == 3 )
{
    $query = "INSERT INTO member ( username, password, email)
    VALUES ( '$username', '$hashword', '$email');"; 
    header('Location: login.html');
}
else {
        echo '<b>You will be redirected shortly</b>';
        echo "<br>";
        echo '<b>Please enter ALL details correctly</b>';
        header( "refresh:5;url=registration.php" );
}


$result = mysqli_query($connection, $query) or die(mysqli_error($connection));
?>

注册表单:

<!doctype html>
<html lang="en">
<head>
    <title>Gumby template file</title>
    <meta charset="utf-8" />
    <script data-touch="gumby/js/libs" src="gumby/js/libs/gumby.min.js"></script>
    <script src="gumby/js/libs/jquery-2.0.2.min.js"></script>
    <link rel="stylesheet" href="gumby/css/gumby.css">
    <script src="gumby/js/libs/modernizr-2.6.2.min.js"></script>
    <link rel="stylesheet" href="forumhomepage_style.css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
</head>


<body>
    <form name="register" action="register.php" method="post">
        
    	<tr>
			<td>Username: </td>
			<td><input type="text" name="username" maxlength="25" /></td>
		</tr>
		
		<tr>
			<td>Email: </td>
			<td><input type="text" name="email" id="email" /></td>
		</tr>
		
		<tr>
			<td>Password: </td>
			<td><input type="password" name="password" /></td>
		</tr>

		<tr>
			<td>&nbsp;</td>
			<td><input type="submit" value="Register" /></td>
		</tr>
		
	</table>
</form>
    </body>
    </html>

最佳答案

这取决于您想在哪个级别执行此操作。

可以在发送表单数据之前通过 javascript 验证不同的数据不为空并且具有有意义的信息(例如密码至少 7 个字符长)，这样您就可以停止发送表单。您可以使用 jQuery Plugin Validator帮助您做到这一点。

但其他验证，如插入失败只能在服务器端完成，如果在这种情况下您也不需要重定向，那么您必须使用 ajax加载数据，然后在不重新加载的情况下刷新网站信息。

我更喜欢只使用 javascript 进行初始检查，然后将用户发送到结果页面。但我也将验证保留为 php 中的密码长度之一，因为即使现在这真的很奇怪，用户也可以禁用 javascript，并且在检查数据库值时我不会感到惊讶。但是，另一个例子，如果您有很多用户，您可以检查用户是否不存在，以便在发送表单之前的第一时间警告用户，这只能通过执行 ajax 调用来完成。

你应该知道如何做这两件事，并根据你想在你的项目上做什么来决定。

在您的情况下，我将保持 php 验证不变，并在 form submit event 上的 javascript 中检查相同的(非空值)如果检测到错误，则调用 event.preventDefault()。

$('form[name="register"]').submit(function( event ) {
    if ($('input[name="username"]').is(":empty")) {
        // append a "Username can not be empty message somewhere on your page
        event.preventDefault();
    }
    // I let you finish the jquery code...
});

此示例使用 jQuery 库。但如果你愿意，你可以在没有它的情况下只使用 javascript。

关于php - 在不重定向到另一个页面的情况下回显错误并保留所有表单数据？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48063699/