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

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



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

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

Попробуй это:

 
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/