Javascript 为什么'；我的ajax帖子不想工作吗？I'；我尝试序列化表单数据，我'；我尝试将数据作为单独的变量发送。都不行_Javascript_Php_Html_Jquery_Ajax

Javascript 为什么'；我的ajax帖子不想工作吗？I'；我尝试序列化表单数据，我'；我尝试将数据作为单独的变量发送。都不行

javascript php html jquery ajax

Javascript 为什么'；我的ajax帖子不想工作吗？I'；我尝试序列化表单数据，我'；我尝试将数据作为单独的变量发送。都不行,javascript,php,html,jquery,ajax,Javascript,Php,Html,Jquery,Ajax,我的PHP文件中的echo不起作用，而我的ajax（如果有的话）也不起任何作用。这里有点迷路了。如有任何帮助，将不胜感激：这是一个基本的登录页面。函数的作用是：验证字段是否为空。我的signupVerify（）中的.post也不起作用。警报发出时，这些功能正在工作。所以我真的不知道我的代码有什么问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

我的PHP文件中的echo不起作用，而我的ajax（如果有的话）也不起任何作用。这里有点迷路了。如有任何帮助，将不胜感激：

这是一个基本的登录页面。函数的作用是：验证字段是否为空。我的signupVerify（）中的.post也不起作用。警报发出时，这些功能正在工作。所以我真的不知道我的代码有什么问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Tasks</title>

    <!-- We can add an icon later for tasks -->
    <link rel="shortcut icon" href="images/size.png"> 
    <link rel="stylesheet"
          href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
          integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
          crossorigin="anonymous">
    <link rel="stylesheet"
          href="styles.css">
    <script src="jquery-3.5.1.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        function loginVerify(){
            var uname = document.getElementById("email").value;
            var password = document.getElementById("password").value;
            var data = $('#form').serialize();
            alert('hello');
            $.ajax({
                url:"login.php",
                type: 'POST',
                data: data,
                success: function(data) {
                    if (data) {
                        alert("The email is incorrect");
                    } else {
                        alert("HELLO");
                    }
                },
                error: function(data){
                    alert(data);
                }
            });
        }

        function signupVerify(){
            var uname = document.getElementById("email2").value;
            var password = document.getElementById("password2").value;
            var fname = document.getElementById("fname").value;
            var lname = document.getElementById("lname").value;
            var college = document.getElementById("college").value;
            var major = document.getElementById("major").value;
            var regularExpression = /^(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{6,16}$/;

            if (!password.match(regularExpression)){
                alert("Password must contain at least one special character and one number, and be at least 6 characters long.");
            }
            if (!(/^[a-zA-Z]+$/.test(fname))){
                alert("First name should contain no numbers or special characters.");
            }
            if (!(/^[a-zA-Z]+$/.test(lname))){
                alert("Last name should contain no numbers or special characters.");
            }
            else{
                alert("HELLO");
            }
            $.post("signup.php",{username:uname,password:password,fname:fname,lname:lname,college:college,major:major},function(data) {
                if (data == '0') {
                    alert("The email is incorrect");
                }
            });
        }

    </script>

</head>

<body>

<!-- <div class="col-sm-12  text-center">
    <h1>My Tasks</h1>
</div> -->

<div class="row container-fluid">
    <nav class="navbar navbar-expand-md nav-justified
                bg-primary navbar-light" style="width:100%">



        <button class="navbar-toggler" type="button"
                data-toggle="collapse" data-target="#collapsibleNavbar">
            <span class="navbar-toggler-icon"></span>
        </button>


            <div class="collapse navbar-collapse" id="collapsibleNavbar">
                <ul class="navbar-nav" style="width:100%">
                    <li class="nav-item">
                        <!-- <h1>My Tasks!</h1> -->
                        <h1 class= "text-white">My Tasks!</h1>
                    </li>

                </ul>
            </div>
        </nav>
        <div class="container-fluid text-center mt-2">
            <h1>Sign up or Login!</h1>
        </div>

        <!--LOGIN-->
        <div class="col-6 text-center container-fluid">
            <form onsubmit="loginVerify()" id="form">
                <!-- Username Div--> 
                <div class="row justify-content-center">
                    <div class="form-group col-lg-4">
                        <label for="username">Username:</label>
                        <input type="email" class="form-control" id="email"
                        placeholder="Username" name="username">
                    </div>
                </div>    
                <!-- Password Div-->
                <div class="row justify-content-center">
                    <div class="form-group col-lg-4">
                        <label for="password">Password:</label>
                        <input type="password" class="form-control" id="password"
                            placeholder="Password" name="password">
                    </div>
                </div>
                <button type="submit" class="btn btn-primary col-lg-2">Submit</button>
            </form>
        </div>

        <!-- SIGN UP -->
        <div class="col-6 text-center">
            <form onsubmit="signupVerify()" id="form2">
                <!-- User name Div-->
                <div class="row justify-content-center">
                    <div class="form-group col-lg-4 justify-content-around">
                        <label for="username">Username:</label>
                        <input type="email" class="form-control" id="email2"
                            placeholder="Username" name="username">
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="form-group col-lg-4 justify-content-around">
                        <label for="username">Password:</label>
                        <input type="password" class="form-control" id="password2"
                            placeholder="Password" name="password">
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="form-group col-lg-4 justify-content-around">
                        <label for="username">First Name:</label>
                        <input type="text" class="form-control" id="fname"
                            placeholder="First Name" name="fname">
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="form-group col-lg-4 justify-content-around">
                        <label for="username">Last Name:</label>
                        <input type="text" class="form-control" id="lname"
                            placeholder="Last Name" name="lname">
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="form-group col-lg-4 justify-content-around">
                        <label for="username">College:</label>
                        <input type="text" class="form-control" id="college"
                            placeholder="College" name="college">
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="form-group col-lg-4 justify-content-around">
                        <label for="username">Major:</label>
                        <input type="text" class="form-control" id="major"
                            placeholder="Major" name="major">
                    </div>
                </div>
                <button type="submit" class="btn btn-primary col-lg-2">Submit</button>
            </form>
        </div>


    <footer class="footer page-footer font-small">
        <div class="container-fluid">
            <div class="row">
                <span class="text-muted">&copy; IS218 Group 2, 2020 |  Terms Of Use  |  Privacy Statement</span>
            </div>
        </div>
    </footer>
</div>

<div class="container-fluid text-center pt-5 mt-5">
    
   
</div>

<script src="check.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
        integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
        crossorigin="anonymous"></script>
</body>
</html>


我的任务
函数loginVerify（）{
var uname=document.getElementById（“电子邮件”）.value；
var password=document.getElementById（“密码”）.value；
var data=$（'#form'）.serialize（）；
警惕（“你好”）；
$.ajax({
url:“login.php”，
键入：“POST”，
数据：数据，
成功：功能（数据）{
如果（数据）{
警告（“电子邮件不正确”）；
}否则{
警惕（“你好”）；
}
},
错误：函数（数据）{
警报（数据）；
}
});
}
函数signupVerify（）{
var uname=document.getElementById（“email2”）.value；
var password=document.getElementById（“password2”）.value；
var fname=document.getElementById（“fname”）.value；
var lname=document.getElementById（“lname”）.value；
var college=document.getElementById（“college”）.value；
var major=document.getElementById（“major”）.value；
var regularExpression=/^（？=.[0-9]）（？=.[！@$%^&*]）[a-zA-Z0-9！@$%^&*]{6,16}$/；
如果（！password.match（正则表达式））{
警报（“密码必须至少包含一个特殊字符和一个数字，长度至少为6个字符。”）；
}
如果（！（/^[a-zA-Z]+$/.test（fname）））{
警报（“名字不应包含数字或特殊字符。”）；
}
if（！（/^[a-zA-Z]+$/.test（lname）））{
警告（“姓氏不应包含数字或特殊字符”）；
}
否则{
警惕（“你好”）；
}
$.post（“signup.php”，{username:uname，password:password，fname:fname，lname:lname，college:college，major:major}，函数（数据）{
如果（数据='0'）{
警告（“电子邮件不正确”）；
}
});
}

我的任务！


注册或登录！
用户名：
密码：
提交
用户名：
密码：
名字：
姓氏：
学院：
主修：
提交
&抄袭；IS218第2组，2020 |使用条款|隐私声明

这是第一个函数中引用的PHP文件登录

    <?php
    echo "Hello";
    $username = $_POST['username'];
    $password = $_POST['password'];

    return $username;

    require_once('session.php');

?>

您确定从PHP中获得了

成功

回报吗？如果您还添加了一个

错误（数据）

函数呢？您还需要防止Ajax中的默认表单操作吗？第一次调试测试=

print\r（$\u POST）是否显示任何数据==“0”
将永远不会为真。在此之前，您有Hello
和username
。返回
也应该是echo
。同样，如果返回值不是0
，则不会执行任何操作。请删除或注释掉文档末尾的Jquery slim脚本行。JQuery slim不包含$.ajax函数（您应该会收到一个控制台错误，指出$.ajax不是函数）。。。为什么要包含JQuery 3次（2次在页眉，1次在页脚）？！该死，我都没注意到。这是一个小组项目，我只是负责数据库和javascript部分。现在可以正常工作了！谢谢您确定从PHP中获得了成功
回报吗？如果您还添加了一个错误（数据）
函数呢？您还需要防止Ajax中的默认表单操作吗？第一次调试测试=print\r（$\u POST）是否显示任何数据==“0”
将永远不会为真。在此之前，您有Hello
和username
。返回
也应该是echo
。也看不出你做的任何回报都不是