Добавление проверки 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');
        }
    });
});
})
Другие вопросы по тегам