Добавление проверки JQuery в Jetstrap через Javascript
По праву, теперь Jetstrap не включает jquery.validate в качестве плагина.
Я знаю, что они уже работают над возможностью для пользователей добавлять внешние JS/CSS
, но в то же время я хотел бы найти временное решение.
Я попытался импортировать из размещенного источника динамически с помощью нескольких сценариев, но ни один из моих подходов до сих пор не сработал.
Пример (да, сырой, но..):
(function(){
var newscript = document.createElement('script');
newscript.type = 'text/javascript';
newscript.async = true;
newscript.src = 'http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(newscript);
})();
Макс, один из создателей Jetstrap, который написал в Stack 2 дня назад о динамической загрузке скриптов, но его решение для DatePicker, и они работают не совсем так...
Вот его пример:
$(function() {
$.getScript('//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.0.2/js/bootstrap-datepicker.min.js', function() {
$('.datepicker').datepicker();
});
})
Любое творчество, которое у меня было сегодня для решения проблем, иссякло, и есть ли у кого-нибудь совет, как решить эту проблему?
Спасибо
1 ответ
Предложение Ohgodwhy сработало, вот мой окончательный код, пожалуйста, используйте его, если вы хотите сделать то же самое на Jetstrap:
$(document).ready(function() {
$.getScript('http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js', function() {
$("#RegistrationForm").validate({
rules: {
"data[User][email]": {
email: true,
required: true,
minlength: 5,
maxlength: 50
},
"data[User][password]": {
required: true,
minlength: 8,
mypassword : true
},
"data[User][confirm_password]": {
required: true,
equalTo: '#UserPassword'
}
},
highlight: function(element) {
$(element).closest('.control-group').removeClass('success').addClass('error');
},
success: function(element) {
element
.text('OK').addClass('valid')
.closest('.control-group').removeClass('error').addClass('success');
}
});
});
})