类型错误：$(...).validate 不是函数

Question

我正在创建一个登录页面，但我不确定为什么没有加载验证脚本。昨天我能够登录而没有像这样的错误。但是，当我今天尝试登录时，遇到了此错误。这是我的脚本的位置吗？我试过重新排列脚本，并检查其他文件，例如我的 js 和 jquery.validate.min.js 的文件位置，但一切似乎都很好。.html<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><!--<meta http-equiv="refresh" content="5">--><!--<meta http-equiv="X-UA-Compatible" content="IE=edge" />--><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"><link rel="stylesheet" type="text/css" href="css/index.css"><link rel="stylesheet" href="https://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /><script src="https://code.jquery.com/jquery-1.9.1.js"></script><script src="https://code.jquery.com/ui/1.10.2/jquery-ui.js"></script><link href="../Content/bootstrap.min.css" rel="stylesheet" /><script src="lib/jquery.validate.min.js"></script><!--<link href="css/jquery.mobile-1.4.5.min.css" rel="stylesheet" />--><script src="scripts/common.js"></script>.JSvar userid;var password; $(document).ready (function () {    $("#LoginForm").validate({   // this line is the error highlighted in console        messages: {            txtLogin: "User ID is required",            txtPassword: "Password is required",        },我相信我应该能够在解决这个问题后登录，因为我已经正确配置了我的 PHP 和其他文件。JS 文件似乎也不错。

Answer 1

为了使用 的validation方法jQuery，您需要导入相关插件：

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>

此外，在您的 JavaScript 文件的开头插入：

require('jquery-validation');

例如：

<form>

    <input required>

</form>

<script src="jquery.js"></script>

<script src="jquery.validate.js"></script>

<script>

    $("form").validate();

</script>

有关更多信息，请参阅官方文档。