Я пытаюсь использовать проверку jquery, и я получаю следующую ошибку:
Uncaught TypeError: form.validate is not a function
Вот порядок ссылок на мои сценарии при загрузке сайта, поскольку первое, что следует предположить, это то, что я могу загрузить jquery после проверки jquery (но это не так):
<head>
<script src="/lib/jquery/dist/jquery.js"></script>
<script src="/lib/kendo-ui/js/kendo.all.min.js"></script>
<script src="/lib/kendo-ui/js/kendo.aspnetmvc.min.js"></script>
</head>
<!-- BOTTOM OF PAGE -->
<script src="/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="/lib/jquery-steps/build/jquery.steps.js"></script>
<script src="/js/site.js?v=EWaMeWsJBYWmL2g_KkgXZQ5nPe-a3Ichp0LEgzXczKo"></script>
<script src="/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
The form is declared in the html like this:
<form id="example-form" action="/MyController/Wizard" method="post">
</form>
Кроме того, вот мой код JavaScript:
var form = $("#example-form");
form.validate({
errorPlacement: function errorPlacement(error, element) { element.before(error); },
rules: {
confirm: {
equalTo: "#password"
}
}
});
form.children("div").steps({
headerTag: "h3",
bodyTag: "section",
transitionEffect: "slideLeft",
onStepChanging: function (event, currentIndex, newIndex) {
form.validate().settings.ignore = ":disabled,:hidden";
return form.valid();
},
onFinishing: function (event, currentIndex) {
form.validate().settings.ignore = ":disabled";
return form.valid();
},
onFinished: function (event, currentIndex) {
alert("Submitted!");
}
});
v1.11.1. - person mattdevio schedule 08.02.2016head. - person mattdevio schedule 08.02.2016