Если вы хотите, чтобы результат был похож на неверные учетные данные без перенаправления, вы можете использовать вызов AJAX для своей логической страницы. AJAX - это асинхронный JavaScript и XML, который дает вызов бэкэнду или серверу без перезагрузки страницы и получает результат или данные
Ниже приведен краткий пример кода ajax, в файле login.php вы должны написать внутренний код для подключения к базе данных и логику входа в систему
function submitForm() {
var data = $("#login-form").serialize();
$.ajax({
type : 'POST',
url : 'login.php',
data : data,
beforeSend: function(){
$("#error").fadeOut();
},
success : function(response){
if(response=="ok")
{
//do redirection
}
else
{
$("#error").html(response);
}
}
});
return false;
}
<!DOCTYPE html>
<html>
<head>
<title>Sample Login</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<form class="form-login" method="post" id="login-form">
<h2 class="form-login-heading">User Log In Form</h2><hr />
<div id="error"></div>
<div class="form-group">
<input type="email" placeholder="Email address" name="user_email" id="user_email" />
</div>
<div class="form-group">
<input type="password" placeholder="Password" name="password" id="password" />
</div>
<hr />
<div class="form-group">
<button type="button" name="login_button" id="login_button" onclick="submitForm()"> Sign In</button>
</div>
</form>
</body>
</html>