Javascript jQuery验证在公共文件中不起作用

代码：

我创建了一个文件名footer.php，并将该文件包含在我网站的所有页面footer.php文件中。我创建了一个简单的表单，并希望使用jquery进行验证，但验证在公共文件中不起作用。然而，如果我在JSFIDLE上运行相同的代码，它将非常有效。那么，我如何解决这个问题？请帮助我

---

谢谢你

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

你可以做的一件事是向提交按钮添加id或类。在js中，创建一个引用该类或id的click函数，并将其设置为PreventDefault。通过这种方式，您可以确保表单不会直接发布。是否强制@superdj浏览器控制台中是否存在JS错误？我建议首先监视它！你有什么错误吗？你没有在页面中包含jquery.validate.js…？@SuperDJ你可以在validate插件选项中使用debug:true以更简单的方式做同样的事情。“它对我有用”不是答案，因为OP显然有一些问题。如果您需要更多信息，请将其添加到评论中——假设有人还没有这样做

<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>