javascript - jQuery 验证在公共(public)文件中不起作用

Question

代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $('#myform').validate({
            rules: {
                    fname: {
                    required: true,
                    minlength: 2
                },
                lname: {
                    required: true,
                    minlength: 2
                },
            phone: {
                    phoneUS: true,
                    required: true
            },
                email: {
                    required: true,
                    email: true
                },
                message: {
                    required: true,
                }
            },
        });
    });
</script>

<form method="post" id="myform">
    <input type="text" name="fname" placeholder="First Name">
    <input class="email" name="lname" type="text" placeholder="Last Name">
    <input type="text" name="phone" placeholder="Mobile Number">
    <input class="email" name="email" type="text" placeholder="Email">
    <textarea name="message" placeholder="Message"></textarea>
    <input type="submit" name="submit" value="SUBMIT">
</form>

我创建了一个名为 footer.php 的文件，并将该文件包含在我网站的所有页面中的 footer.php 文件中我在 jsfiddle 上运行相同的代码，它运行良好。那么，我该如何解决这个问题？请帮助我。

谢谢

Answer 1

对我来说一切似乎都很好，但我找不到 jquery 验证插件。请确保在 jquery 脚本之后添加此插件。