Перевод кастомных подсказок

Можно ли перевести вот эту кастомную подсказку на русский? введите сюда описание изображения


Ответы (1 шт):

Автор решения: Alexey Vladimirov

Если допустить, что текст подсказки действительно кастомный и безальтернативно задан на английском языке, то можно добавить проверку языка интерфейса и написать кастомный русский перевод при желании.

Вот здесь по-русски про валидацию форм на стороне клиента с примерами кастомных сообщений об ошибках: https://developer.mozilla.org/ru/docs/Learn/Forms/Form_validation

Условный пример проверки на пустоту с кастомной подсказкой:

const nameInput = document.querySelector('input');
const language = window.navigator.userLanguage || window.navigator.language;

nameInput.addEventListener('invalid', () => {
  if (nameInput.value === '') {
    if (language === 'ru') {
      nameInput.setCustomValidity('Скажи своё имя');
    } else if (language === 'en') {
      nameInput.setCustomValidity('Tell me your name');
    }
  }
});
<form>
  <label for="name">Имя: </label>
  <input type="text" name="name" id="name" required>
  <input type="submit">
</form>

→ Ссылка