Как включить проверку правильности jquery?

У меня есть форма регистрации, реализованная с использованием jQuery mobile. Пользователь может выбрать эту форму на немецком, английском или французском языках - для отображения формы на каждом языке используется несколько внутренних страниц. Пользователь выбирает свой предпочтительный язык с помощью кнопки меню.

Я использую плагин проверки jquery для обработки проверки на стороне клиента. Это отлично работает. Мне интересно, как включить правильные сообщения об ошибках для формы на каждой языковой странице? Когда вы загружаете плагин из github, он включает в себя весь код ошибки локализации, но я не уверен, как его включить.

Вот код JavaScript, который я использую для обработки проверки формы для каждой языковой страницы.

Спасибо, если вы можете помочь мне включить правильные сообщения об ошибках для немецких и французских страниц.

$(document).on("pageshow", "#page_deutsch", function() {

$("#register_deutsch").validate();

});

$(document).on("pageshow", "#page_english", function() {

$("#register_english").validate();

});

$(document).on("pageshow", "#page_francais", function() {

$("#register_francais").validate();

});

Ответ 1

Локализация плагина проверки правильности jQuery Язык по умолчанию для плагина проверки jQuery - английский. Он может быть переопределен файлом локализации js, например. es, zh, fr и т.д. Пожалуйста, обратитесь к здесь для списка поддерживаемых языков.

Чтобы включить поддержку языков, нам просто нужно добавить сообщение js другого языка на нашу веб-страницу (html/jsp/xhtml). для французского

<script type="text/javascript" src="http://jzaefferer.github.io/jquery-validation/localization/messages_fr.js" />

для китайского

<script type="text/javascript" src="http://jzaefferer.github.io/jquery-validation/localization/messages_zh.js" />

То же самое для других языков, просто найдите соответствующий язык js и добавьте js на веб-страницу.

если требуемый язык отсутствует в списке, пригодной альтернативой является загрузка копии сообщений_xx.js в рабочую область проекта, а затем изменение ее на требуемый язык.

Хотя язык js предоставляется, но проблема заключается в 1 веб-странице, мы можем использовать только 1 тип языкового сообщения. Если на веб-странице указано несколько сообщений js на языке, будет использовано последнее.

Чтобы решить эту проблему, мы можем динамически загружать сообщения js по языку системы.

<script type="text/javascript" src="http://jzaefferer.github.io/jquery-validation/localization/messages_<%= Locale.getDefault().getLanguage() %>.js" />

с вышеупомянутым решением, наконец, мы можем динамически обрабатывать разные языковые сообщения с помощью разных системных локалей.

Существует еще один способ обработки нескольких языков с набором ресурсов здесь.

связанные статьи проверки jQuery:

  • Email
  • Кредитная карта
  • Несколько полей формы
  • Настройка сообщений об ошибках
  • Использование плагина проверки jQuery в JSF
  • Многоязычные сообщения об ошибках
  • Обработка ошибок в плагине проверки jQuery

Готово!!

Ответ 2

Файлы локализации также доступны на jsdelivr и cloudflare CDNs:

например

https://cdn.jsdelivr.net/npm/[email protected]/dist/localization/messages_de.js https://cdn.jsdelivr.net/npm/[email protected]/dist/localization/messages_fr.js https://cdn.jsdelivr.net/npm/[email protected]/dist/localization/messages_es.js

или

https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/localization/messages_de.js https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/localization/messages_fr.js https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/localization/messages_es.js