Fatal编程技术网

PHP-javascript登录表单

javascript php html login

PHP-javascript登录表单,javascript,php,html,login,Javascript,Php,Html,Login,我有个问题。我无法回显告诉用户他输入了错误的用户名或密码但无法登录的消息 我正试图创建一条要显示的消息，但不知怎的无法显示。我正在使用session，我尝试了一些来自这个网站的建议，但不知怎么的它不起作用 弹出窗口也使用javascript 登录表单 <div class="popover""> <form action="login.php" name="indexform" method="post"> <input class = "i

我有个问题。我无法回显告诉用户他输入了错误的用户名或密码但无法登录的消息

我正试图创建一条要显示的消息，但不知怎的无法显示。我正在使用session，我尝试了一些来自这个网站的建议，但不知怎么的它不起作用

弹出窗口也使用javascript

登录表单

<div class="popover"">
    <form action="login.php" name="indexform" method="post">
        <input class = "input1a" type="text" name="uname" placeholder="USERNAME . . . "  autofocus/>
        <br/>
        <input class = "input1a" type="password" name="pword" placeholder="PASSWORD . . . " />
        <br/>
        <center><input type="submit" name="submit" value="LOGIN" /><button type="reset" value="Reset" />RESET</button></center>
    </form>
    <center><a href="#" class="close">Close Window</a></center>
</div>
我们将非常感谢您的帮助。我对javascript和php还是新手。我希望登录失败后可以创建一条弹出消息，但我仍然对解决方法感到困惑：(

提前感谢

如果您想触发登录表单的javascript，这是一种方法

  • 创建一个服务（在PHP中），该服务检查身份验证凭据并返回JSON响应
  • 使用ajax调用向服务提交带有javascript的表单
  • 使用表单提交ajax回调在服务返回错误时触发弹出窗口
    • 第一个问题是在
    中，问题是您希望在一个文件中回显消息，但在表单所在的页面中显示消息。您可以通过以下方法将消息传递到另一个文件：
    

  • 在表单所在位置使用ajax并获取响应，以了解凭据是否有效并显示消息
    • 

  • 将消息存储在会话变量中，并在加载其他文件时显示它
    • 
或者，只需将身份验证代码添加到包含表单的页面，然后按如下方式回调同一页面：
    
index.php
    

    <?php

if($_SERVER['REQUEST_METHOD'] == 'POST')
{
    //Initialize Session
    session_start();

    include("config.php");

    $login = mysql_query("SELECT * FROM users WHERE (username = '" . mysql_real_escape_string($_POST['uname']) . "') and (password = '" . mysql_real_escape_string($_POST['pword']) . "')");
    // Check username and password match
    if (mysql_num_rows($login) == 1) {
        // Set username session variable
        $_SESSION['username'] = $_POST['uname'];
        header('Location: admin.php');
    } else {
        echo 'Incorrect Username and Password!';
    }

}

?>
<html>
    <body>
        <div class="popover">
            <form action="index.php" name="indexform" method="post">
                <input class = "input1a" type="text" name="uname" placeholder="USERNAME . . . "  autofocus/>
                <br/>
                <input class = "input1a" type="password" name="pword" placeholder="PASSWORD . . . " />
                <br/>
                <center><input type="submit" name="submit" value="LOGIN" /><button type="reset" value="Reset" />RESET</button></center>
            </form>
            <center><a href="#" class="close">Close Window</a></center>
        </div>
    </body>
</html>

    

    

    <?php
// Inialize session
session_start();

// Check, if username session is NOT set then this page will jump to login page
if (!isset($_SESSION['username']))
{
    header('Location: index.php');
}
?>

    

    <?php
session_start();

include("config.php");

$login = mysql_query("SELECT * FROM users WHERE (username = '" . mysql_real_escape_string($_POST['uname']) . "') and (password = '" . mysql_real_escape_string($_POST['pword']) . "')");
// Check username and password match
if (mysql_num_rows($login) == 1) {
    // Set username session variable
    $_SESSION['username'] = $_POST['uname'];

    // Jump to secured page
    header('Location: index_admin.php');
} else {

    // Jump to login page

    header('Location: index.php');

}
?>

    

    $(document).ready(function () {
    $(".button").click(function (e) {
        $(".overlay").css({
            "opacity": "0.4"
        });
        $(".overlay").fadeIn("slow");
        $(".popover").fadeIn(1000);
        $(".popover").show();
        $(".close").click(function (e) {
            $(".popover, .overlay").fadeOut(700);
            /*$(".popover, .overlay").hide();*/
        });
    });
});

    

    <?php

if($_SERVER['REQUEST_METHOD'] == 'POST')
{
    //Initialize Session
    session_start();

    include("config.php");

    $login = mysql_query("SELECT * FROM users WHERE (username = '" . mysql_real_escape_string($_POST['uname']) . "') and (password = '" . mysql_real_escape_string($_POST['pword']) . "')");
    // Check username and password match
    if (mysql_num_rows($login) == 1) {
        // Set username session variable
        $_SESSION['username'] = $_POST['uname'];
        header('Location: admin.php');
    } else {
        echo 'Incorrect Username and Password!';
    }

}

?>
<html>
    <body>
        <div class="popover">
            <form action="index.php" name="indexform" method="post">
                <input class = "input1a" type="text" name="uname" placeholder="USERNAME . . . "  autofocus/>
                <br/>
                <input class = "input1a" type="password" name="pword" placeholder="PASSWORD . . . " />
                <br/>
                <center><input type="submit" name="submit" value="LOGIN" /><button type="reset" value="Reset" />RESET</button></center>
            </form>
            <center><a href="#" class="close">Close Window</a></center>
        </div>
    </body>
</html>