Запуск контекстного сообщения об ошибке для входов

Question

Я занимаюсь разработкой интранет-приложения на HTML5 с XHR (я не могу дать доступ ни к какому примеру).Вы можете увидеть тест здесь .

. Для <form> Я хочу сделать XHR, я проверяю правильность формы следующим образом:

if (form.checkValidity())
{
    $.post([...]);
} else {
    errormessages();
}

Таким же образом, при возврате поста (часть [...]) у меня могут быть ошибки при проверке сообщений с сервера.Поэтому я прикрепляю их к этим строкам так:

input.setCustomValidity(le_error_message);

le_error_message действительно прикреплен, как я вижу в input.validationMessage.
Селектор :invalid css установлен на вход, но...

Как я могу запустить браузер (Firefox, Chrome и т. Д.) Для отображения их стандартного контекстного сообщения об ошибке?

Я пытался form.submit(), но он действительно отправитформа, даже пропуская то, что я хочу, чтобы браузер делал.

Я не вижу ни ссылки на это, ни проверки элементов input и form.

См. также это франкоязычная бумага .

Answer 1

Я согласен, что было бы неплохо, если бы это было возможно. Эта идея обсуждалась в рабочей группе HTML5? Например, можно добавить сценарии метода form.showValidityErrors (), которые могут запускаться по желанию.

То, что вы пытаетесь сделать в примере jsfiddle , однако, не должно работать. Браузер должен выполнять проверку и показывать сообщения проверки (включая пользовательские) до события отправки. Вызов setCustomValidity () из события submit не имеет никакого эффекта. Вы должны переместить код в слушатель нажатия / изменения ключа, например this demo .

Answer 2

Вы хотите отобразить «ошибки формы на стороне сервера» с функцией по умолчанию «отображение ошибок формы на стороне клиента»?но если ваша форма действительна на стороне клиента, она вообще не будет отображать никаких сообщений об ошибках.Если вы хотите отображать ошибки, обнаруженные на стороне сервера, создайте свою собственную функцию отображения ошибок с помощью javascript, так как вы используете ajax.