Как я могу изменить текст по умолчанию для проверки HTML на пользовательское сообщение об ошибке

Question

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

Я прочитал эту статью: https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation

А это мой HTML-код:

<form>
  <input id="choose" name="i_like" required>
  <button>Submit</button>
</form>

И сообщение:

Пожалуйста, заполните это поле.

Вопрос в том, что я хочу изменить это сообщение об ошибке по умолчанию.

РЕДАКТИРОВАНИЕ:

А также я хочу определить фиксированное сообщение и изменить часть этого сообщения как пользовательское сообщение об ошибке для проверки, в настоящее время это моя вторая проблема.

например:

«Пожалуйста, введите [----] перед отправкой»

Спасибо за вашу помощь.

Answer 1

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

Объявление функции Javascript:

<script>

    function applyValidation(x){

        var msg = "Please enter"+ x.name +" before send"
        x.setCustomValidity(msg);
    }
</script>

Тогда используйте это в своем html:

<form>
    <input type="text" id="choose" name="input-name1" 
    required oninvalid="applyValidation(this)"
    oninput="setCustomValidity('')"  />

    <input type="text" id="choose" name="input-name2" 
    required oninvalid="applyValidation(this)"
    oninput="setCustomValidity('')"  />

  <button>Submit</button>
</form>