У меня есть файл JavaScript следующим образом
window.Vue = require('vue');
window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
window.jqueryvalidation = require('jquery-validation');
Vue.component('error-message', require('./components/Flash_Error_Message.vue'));
Vue.component('like', require('./components/Like.vue'));
const app = new Vue({
el: '#app'
});
$(function(){
$('#postForm').validate({
rules:{
body:{
required:true,
},
study:{
required:true,
digits:true,
},
},
highlight: function(element) {
$(element).closest('.form-group').addClass('has-error');
$(element).closest('.form-control').css("border-color","#a94442");
},
unhighlight: function(element) {
$(element).closest('.form-group').removeClass('has-error');
$(element).closest('.form-control').css("border-color","#00b8e6");
},
messages:{
study:{
required:"Please provide a channel of study for your post"
},
}
});
})
Как вы видите, мне требуется пакет jquery-validation от узловых модулей правильно, и я установил его правильно, однако, когда я открываю свой браузер Google Chrome, я получаю эту консольную ошибку validate - это не функция, которая возникает только тогда, когда у вас нет ' Я включил JQuery-валидацию, но из кода вы можете увидеть его там, так почему я получаю эту ошибку? Следует отметить, что когда я включаю проверку jquery через cdn, ошибка исчезает, но я хотел бы понять, почему этот код не работает должным образом. Заранее спасибо