Javascript translation not working

Question

I have override the register template in my custom theme. In this form use the validation to validate my fields but the translation of the error messages aren't showed.

I declare the function where I validate my fields by :

require([
        'jquery',
        'mage/translate',
        'mage/mage',
        'mage/validation'
    ], function ($) {
        var dataForm = $('#form-validate');
        ...
        if (dataForm.validation('isValid')) {
           ...
        }
        ...
});

I cleared caches, deploy static content by the language I used, remove js-translation.json to regenerate it (it is well regenerated with all js string content to translate)...

My translations are in my theme app/design/frontend/Vendor/themeName/i18n/xx_XX.csv

Answer 1

You should use like below code. This is just example.

require([
'jquery',
'jquery/ui', 
'mage/translate'
], function($){ 
    $(window).load(function() {
        alert($.mage.__('Your Message'));
    });
});