[英]How to use jquery.validate with requirejs?
require.config({
paths:{
jquery:"lib/jquery-1.12.3.min",
bootstrap:"lib/bootstrap.min",
validate:"lib/jquery.validate.min"
},
shim:{
bootstrap:['jquery'],
validate:['jquery']
}
});
require(['jquery','validate'],function(){
alert("hope it works");
});
警報方法無法正常工作。
但是,如果我刪除'驗證'
require(['jquery','validate'],function(){
alert("hope it works");
});
像這樣:
require(['jquery'],function(){
alert("hope it works");
});
然后,警報方法工作。
這告訴我,驗證庫和RequireJs存在問題。
我確定我做的是一些微不足道的錯誤。
我很感激你的幫助。 謝謝
它按預期工作。
小提琴 - https://jsfiddle.net/p15nn7jb/
require.config({
paths:{
jquery:"https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery",
bootstrap:"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min",
validate:"https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min"
},
shim:{
bootstrap:['jquery'],
validate:['jquery']
}
});
require(['jquery','validate'],function(){
alert("hope it works");
});
另請參閱以下使用jsery驗證和require js的鏈接
https://jqueryvalidation.org/files/demo/requirejs/index.html
有一個類似的錯誤只有我想使用本地化的消息,不能使它與cdn只使用本地
require.config({
paths:{
jquery:"https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery",
validate:"https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min",
messages_he:"https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.18.0/localization/messages_he.min"
},
shim:{
bootstrap:['jquery'],
validate:['jquery']
}
});
require(['jquery','validate'],function(){
$.validator.setDefaults({
submitHandler: function () {
console.log("submitted!");
}
});
$("form").validate();
});
但這個本地工作正常
require.config({
paths:{
jquery:"https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery",
validate:"libs/jquery-validate/1.15.0/jquery.validate.min",
messages_he:"libs/jquery-validate/1.18.0/localization/messages_he.min"
},
shim:{
bootstrap:['jquery'],
validate:['jquery']
}
});
require(['jquery', paths.jqueryval, paths.messages_he],function(){
$.validator.setDefaults({
submitHandler: function () {
console.log("submitted!");
}
});
$("form").validate();
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.