loading jquery validation using requirejs

Question

Я борюсь с requirejs. У меня после JQuery проверки пользовательский модуль аддон определены:

валидация-addon.js

define(['jquery', 'jquery.validate', 'jquery.validate.unobtrusive'], 

function ($) { 

    $.validator.setDefaults({ 
     highlight: function (element) { 
      $(element).closest('.form-group').addClass('has-error'); 
     }, 
     unhighlight: function (element) { 
      $(element).closest('.form-group').removeClass('has-error'); 
     } 
    }); 

    .... 
}); 

Мои requirejs конфигурационный файл:

config.js

require.config({ 
    baseUrl: '/Scripts', 
    paths: { 
     'jquery': 'lib/jquery-2.0.3', 
     'jquery.validate': 'lib/jquery.validate', 
     'jquery.validate.unobtrusive': 'lib/jquery.validate.unobtrusive', 
    }, 
    shim: { 
     'jquery.validate': { 
      deps: ['jquery'] 
     }, 
     'jquery.validate.unobtrusive': { 
      deps: ['jquery.validate'] 
     } 
    } 
}); 

I Я использую эти модули в моем представлении регистрации пользователя mvc следующим образом:

register.cshtml

require(['/Scripts/modules/config.js'], function() { 
    require(['modules/user-register', 'modules/validation-addon'], 

    function (userregistration) { 
     //using user registration module here.. 
    } 

); 
}); 

Проблема я столкнулся немного странно. Когда я перехожу на регистрацию пользователя с первого раза и вводят неправильные значения в поля ввода ввода, чем пользовательские подсветка и unhighlight функции, которые я переопределил на валидаторе jquery, не выполняются, но если я перезагружу представление регистра, ,

Мое ощущение, что это происходит из-за последовательности загрузки модулей, но я не понимаю, как это решить, может ли кто-нибудь помочь мне решить эту проблему?

Answer 1

Похоже, вопрос времени. Такого рода вопрос иногда ясно, когда вы делаете перезагрузку, потому что порядок, в котором вещи инициализации зависит от того, что находится в кэше, и т.д.

Можно прямо сейчас, что jquery.validate.unobtrusive делает свою работу на DOM перед тем Кодекса который вызывает $.validator.setDefaults. Чтобы проверить, выполнено ли $.validator.setDefaults до jquery.validate.unobtrusive, удалите требование jquery.validate.unobtrusive от validation-addon.js и добавьте его в свой основной файл.

Изменить validation-addon.js на:

define(['jquery', 'jquery.validate'], 

function ($) { 

    $.validator.setDefaults({ 
     highlight: function (element) { 
      $(element).closest('.form-group').addClass('has-error'); 
     }, 
     unhighlight: function (element) { 
      $(element).closest('.form-group').removeClass('has-error'); 
     } 
    }); 

    .... 
}); 

И изменить register.cshtml к:

require(['/Scripts/modules/config.js'], function() { 
    require(['modules/user-register', 'modules/validation-addon', 'jquery.validate.unobtrusive'], 

    function (userregistration) { 
     //using user registration module here.. 
    } 

); 
}); 

Если это решит вашу проблему вы, вероятно, не хотите, чтобы код, как это, но это быстро и простой способ проверить, является ли это проблемой.