Пользовательские сообщения об ошибках в контактной форме HTML5

  • Автор темы Seolkin
  • 35
  • Обновлено
  • 15, May 2024
  • #1
Я хочу добавить собственные сообщения об ошибках в контактную форму, которую я создал с помощью HTML5, и мне удалось это сделать; однако у меня возникла проблема с действительной отправкой формы: хотя я могу заставить пользовательские сообщения выдавать запрос об ошибке, это же сообщение также запускается при отправке формы, когда критерии проверки полей ввода были соблюдены.



Ниже вы найдете соответствующий код, который я использовал для одного из этих сообщений, на которое я ссылался выше; что здесь может быть?:

<метка>Имя <требуется ввод id="name" name="name" Placeholder="Имя" tabindex="1"> <Скрипт> var nError= document.getElementById("имя"); nError.checkValidity(это) { если (nError.validity.valueMissing) { nError.setCustomValidity("Вам нужно оставить здесь свое имя."); } };

Seolkin


Рег
21 Jan, 2012

Тем
1

Постов
3

Баллов
13
  • 18, May 2024
  • #2
Попробуй это:
 
var nError= document.getElementById("name");
nError.checkValidity(this)
{
if(nError.validity.value == '')
{
nError.setCustomValidity("You need to leave your name, here.");
}
};
Код (разметка): https://jsfiddle.net/twnLfmjz/7/
 

You-Car The-Best


Рег
06 Dec, 2012

Тем
0

Постов
1

Баллов
1
Тем
49554
Комментарии
57426
Опыт
552966

Интересно