Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery验证不起作用:需要知道错误_Javascript_Jquery_Html - Fatal编程技术网

Javascript jQuery验证不起作用:需要知道错误

Javascript jQuery验证不起作用:需要知道错误,javascript,jquery,html,Javascript,Jquery,Html,我已经对一个简单的登录页面实现了一些验证,并在单击按钮时应用了一些jQuery验证,但代码不起作用。我尝试检查控制台,但它没有给我任何错误。请参阅代码以供参考: 你们能告诉我错误吗 <!doctype html> <html> <head> <title>Login Page</title> <script type="text/javascript" src="js/jquery-1.11

我已经对一个简单的登录页面实现了一些验证,并在单击按钮时应用了一些jQuery验证,但代码不起作用。我尝试检查控制台,但它没有给我任何错误。请参阅代码以供参考:
你们能告诉我错误吗

<!doctype html>
<html>
    <head>
        <title>Login Page</title>
        <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.validate"></script>

        <script>
            $(document).ready(function(){       
                $("#form").validate({
                    alert("hi");
                    rules: {
                        name: {
                            required: true,
                            midlength: 5,

                        },
                        email: {
                            required: true,
                            email: true,
                        },
                        password: {
                            required: true,
                            midlength: 5,
                            equalTo: "#verify",

                        },
                    }
                });
            });
        </script>

        <style>
            label{
                width: 150px;
                display: inline-block;
            }

            label.error{
                color: red,
            }
        </style>

    </head>

    <body>

        <form id="form">

        <label>Name : </label>
        <input type="text" name="name" /><br/>

        <label>Email : </label>
        <input type="text" name="email"/ ><br/>

        <label>Password : </label>
        <input type="text" name="pass" /><br/>

        <label>Verify Password : </label>
        <input type="text" name="verify" id="verify" /><br/>

        <input type="submit" />

        </form>
    </body>
</html>

登录页面
$(文档).ready(函数(){
$(“#表格”)。验证({
警报(“hi”);
规则:{
姓名:{
要求:正确,
中段:5,
},
电邮:{
要求:正确,
电子邮件:是的,
},
密码:{
要求:正确,
中段:5,
equalTo:“#验证”,
},
}
});
});
标签{
宽度:150px;
显示:内联块;
}
标签错误{
颜色:红色,
}
姓名:

电邮:
密码:
验证密码:

结尾处有一个逗号

                password: {
                    required: true,
                    midlength: 5,
                    equalTo: "#verify",

                },

中断js执行

这看起来不对:

<script type="text/javascript" src="js/jquery.validate"></script>

试试这个

<script type="text/javascript" src="js/jquery.validate.min.js"></script>


确保js文件夹中存在具有该文件名的文件。检查浏览器控制台以查看是否有任何错误-目前我希望您的代码显示“jquery.validate not found”。

非常清楚,解释得很好。非常感谢。非常感谢你