我有一个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软件包并且我已正确安装它然而当我打开我的浏览器谷歌浏览器时我得到这个控制台错误验证不是一个功能这只会在你没有时发生t包括jquery验证,但从代码中你可以看到它,那么为什么我会得到这个错误?应该注意的是,当我通过cdn包含jquery验证时,错误消失了,但我想理解为什么这段代码没有按预期工作。提前致谢