CODEWITHSUNDEEP
jqueryruby-on-railscoffeescriptjquery-validate
DaniG2k
DaniG2k

Reputation: 4893

jQuery Validate not setting correct language

I'm trying to validate a form with jQuery validate but it's doesn't seem to be returning error messages in the correct language.

In my Rails app, I have:

Gemfile

gem 'jquery-validation-rails'

application.js

//= require rails-ujs
//= require turbolinks
//= require jquery
//= require bootstrap-sprockets
//= require jquery.validate
//= require jquery.validate.localization/messages_it
//= require jquery.validate.localization/messages_ja
//= require_tree .

I call the validator with:

document.addEventListener 'turbolinks:load', ->
  $("#contact-form").validate
    submitHandler: (form) ->
      form.submit()

  $('#first_name').rules 'add',
    required: true,
    maxlength: 15

  $('#last_name').rules 'add',
    required: true,
    maxlength: 15

  $('#entry_email').rules 'add',
    required: true,
    maxlength: 60

  $('#phone-number').rules 'add',
    required: true,
    digits: true

I am seeing the error messages, but they appear in Japanese even if I switch the page locale to en or it.

The language that appears is basically the last one I set in my application.js file. So if I remove //= require jquery.validate.localization/messages_ja then I get error messages in Italian.

How can I get error messages on a per-locale basis?

Any help on fixing this would be much appreciated!

Thanks in advance

Upvotes: 0

Views: 542

Answers (1)

Simon Franzen
Simon Franzen

Reputation: 2727

Don't load the translations for jquery in your application.js. Do it directly in your application layout

// in your layout file you have something like this:
<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

// additionally load translations based on given params
<% if params[:locale].present? %>
  <%= javascript_include_tag "jquery.validate.localization/messages_#{params[:locale]}" %>
<% end %>

// OR loading based on I18n.locale
<%= javascript_include_tag "jquery.validate.localization/messages_#{I18n.locale}" %>

Upvotes: 1

Related Questions