用户名和密码的未定义索引回显测试

时间:2019-04-03 03:31:34

标签: javascript php forms

我刚刚设置了一个新服务器,试图回显我的登录按钮以提醒(用户和通过)仅用于测试,但我收到一条错误消息。

我尝试查看未定义的索引,但似乎找不到问题

login.php

<?php include '../connection/db.php'; ?>
<?php

function login(){
    GLOBAL $db;
    if($_GET['login_form'] && $_GET['login_form'] == 'true'){
        echo $email = $_POST['login_email'];
        echo $password = $_POST['login_password'];
    }
}
login();

?>

未定义的索引:login_email

未定义索引:login_password


index.php

<div class="card-body">
                    <form id="login-submit-form">
                        <div class="form-group">
                            <input type="email" name="login_email" id="login-email" class="form-control" placeholder="Enter E-Mail...">
                            <div class="login-email-error error"></div>
                        </div><!-- form group -->
                        <div class="form-group">
                            <input type="password" name="login_password" id="login-password" class="form-control" placeholder="Choose Password..."><div class="login-password-error error"></div>
                        </div><!-- form group -->
                        <div class="form-group">
                            <button type="button" id="login-submit" class="btn btn-success btn-block form-btn">Login</button>
                        </div><!-- form group -->
                        <div class="form-group"><a href="#" id="signup">Create New Account?</a>
                        </div>
                        </form> <!-- form -->

JavaScript

// === Submit the login form === //
$("#login-submit").click(function(){
    if(email.length == ""){
        $("#login-email").addClass("border-red");
        $("#login-email").removeClass("border-green")
        $(".login-email-error").html("Email is required!");
        email = "";
    }if(password.length == ""){
        $("#login-password").addClass("border-red");
        $("#login-password").removeClass("border-green")
        $(".login-password-error").html("Password is required!");
        password = "";
    }
    if(password.length !=  "" && email.length != ""){
        $.ajax({
            type    : 'POST',
            url     : 'ajax/login.php?login_form=true',
            data    : $("login-submit-form").serialize(),
            // dataType : "JSON",
            success     : function(feedback){
                alert(feedback);
            }
        })
    }
})


})

我希望它会在我单击“提交”时回显用户名和密码。

1 个答案:

答案 0 :(得分:2)

我认为您应该检查$("login-submit-form").serialize()是否包含数据。我敢打赌它是空字符串。如果在ajax设置对象上将$("login-submit-form").serialize()更改为$("#login-submit-form").serialize(),它将起作用。