Question

我已经对一个简单的登录页面实现了一些验证，并在点击按钮时应用了一些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>

Answer 1

末尾有一个逗号

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

                },

打破执行

Answer 2

这看起来不对：

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

试试这个

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

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

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

2 个答案: