Ошибка типа: $ (...). 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>

.JS

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

См. официальную документацию для получения дополнительной информации.