Question

我无法在HTML代码中运行PHP代码。它根本行不通，我无法弄明白。我删除了html的<head></head>部分，PHP登录脚本再次运行。我该如何解决这个问题？

这是我的PHP：

<?php
include("db.php");
session_start();
if($_SERVER["REQUEST_METHOD"] == "POST") {
    // username and password sent from Form
    $username   =   mysqli_real_escape_string($db,$_POST['username']); 
    $password   =   mysqli_real_escape_string($db,$_POST['password']); 
    $password   =   md5($password); // Encrypted Password
    $sql        =   "SELECT id FROM Users WHERE username='$username' and passcode='$password'";
    $result     =   mysqli_query($db,$sql);
    $count      =   mysqli_num_rows($result);

    // If result matched $username and $password, table row must be 1 row
    if($count==1) {
        header("location: greatjob.php");
    }
    else {
        $error  =   "Your Login Name or Password is invalid";
    }
}
?>



<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="test Portal | Login" />
    <meta name="author" content="test" />

    <title>test Portal | Login</title>

    <link rel="stylesheet" href="logintemplate/js/jquery-ui/css/no-theme/jquery-ui-1.10.3.custom.min.css">
    <link rel="stylesheet" href="logintemplate/css/font-icons/entypo/css/entypo.css">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic">
    <link rel="stylesheet" href="logintemplate/css/bootstrap.css">
    <link rel="stylesheet" href="logintemplate/css/neon-core.css">
    <link rel="stylesheet" href="logintemplate/css/neon-theme.css">
    <link rel="stylesheet" href="logintemplate/css/neon-forms.css">
    <link rel="stylesheet" href="logintemplate/css/custom.css">

    <script src="logintemplate/js/jquery-1.11.0.min.js"></script>
    <script>$.noConflict();</script>

    <!--[if lt IE 9]><script src="logintemplate/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->



</head>
<body class="page-body login-page login-form-fall" data-url="http://test.dev">


<!-- This is needed when you send requests via Ajax -->
<script type="text/javascript">
var baseurl = '';
</script>

<div class="login-container">

    <div class="login-header login-caret">

        <div class="login-content">

            <a href="index.html" class="logo">
                <img src="logintemplate/images/logo@2x.png" width="120" alt="" />
            </a>

            <p class="description">Dear user, log in to access the admin area!</p>

            <!-- progress bar indicator -->
            <div class="login-progressbar-indicator">
                <h3>43%</h3>
                <span>logging in...</span>
            </div>
        </div>

    </div>

    <div class="login-progressbar">
        <div></div>
    </div>

    <div class="login-form">

        <div class="login-content">

            <div class="form-login-error">
                <h3>Invalid login</h3>
                <p><?PHP echo $error; ?></p>
            </div>

            <form method="post" action="login.php" role="form" id="form_login">

                <div class="form-group">

                    <div class="input-group">
                        <div class="input-group-addon">
                            <i class="entypo-user"></i>
                        </div>

                        <input type="text" class="form-control" name="username" id="username" placeholder="Username" autocomplete="off" />
                    </div>

                </div>

                <div class="form-group">

                    <div class="input-group">
                        <div class="input-group-addon">
                            <i class="entypo-key"></i>
                        </div>

                        <input type="password" class="form-control" name="password" id="password" placeholder="Password" autocomplete="off" />
                    </div>

                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-block btn-login">
                        <i class="entypo-login"></i>
                        Login In
                    </button>
                </div>  
            </form>


            <div class="login-bottom-links">

                <a href="extra-forgot-password.html" class="link">Forgot your password?</a>

                <br />

                <a href="test.com/tos">ToS</a>  - <a href="#">Privacy Policy</a>

            </div>

        </div>

    </div>

</div>


    <!-- Bottom scripts (common) -->
    <script src="logintemplate/js/gsap/main-gsap.js"></script>
    <script src="logintemplate/js/jquery-ui/js/jquery-ui-1.10.3.minimal.min.js"></script>
    <script src="logintemplate/js/bootstrap.js"></script>
    <script src="logintemplate/js/joinable.js"></script>
    <script src="logintemplate/js/resizeable.js"></script>
    <script src="logintemplate/js/neon-api.js"></script>
    <script src="logintemplate/js/jquery.validate.min.js"></script>
    <script src="logintemplate/js/neon-login.js"></script>


    <!-- JavaScripts initializations and stuff -->
    <script src="logintemplate/js/neon-custom.js"></script>


    <!-- Demo Settings -->
    <script src="logintemplate/js/neon-demo.js"></script>

</body>
</html>

Answer 1

根据您提供的链接，您的网站使用AJAX进行登录，因此jQuery阻止表单正常提交。为了使它工作做其中之一：

更改ajax指向的位置
对AJAX当前指向的页面进行更改
为登录表单提供不同的id <form id="formlogin">，而ajax会忽略它，并按您希望的方式重新加载您的页面。

PHP登录代码不会运行？

1 个答案: