Я хотел бы реализовать форму с полями, для которых валидация выполняется в режиме реального времени с использованием JavaScript.
Для этого я использовал события Java следующим образом:
Текстовое поле
onkeyup : используется для отправки запроса, который проверяет наличие ошибок в этом поле каждый раз, когда вы отпускаете ключ. Если есть ошибки, он покажет их, в противном случае "ОК!" текст.
Кнопка отправки
onclick : при нажатии будет проверяться снова , если есть ошибки. Если это так, это покажет ошибки, в противном случае будет скрыта кнопка отправки.
В конце страницы у меня есть JavaScript, который будет focus Text Field, когда появится.
Одновременное использование onkeyup и focus событий на поле после отправки формы БЕЗ нажатия кнопки (событие, связанное с кнопкой, происходит только при нажатии кнопки, а не когда Я использую клавишу «Ввод» [на клавиатуре] для отправки формы), событие focus автоматически вызовет событие onkeyup : это означает, что после отправки вызываются два события ( focus подразумевает onkeyup ), и поэтому для текстового поля сначала будут отображаться ошибки, если они есть, а затем «Ok!» текст.
Я бы не хотел фокусировать на поле после отправки формы, чтобы событие onkeyup не было вызвано ... или используйте клавишу "Ввод", чтобы смоделируйте «щелчок» кнопки отправки.
P.S .: если вы знаете другие методы для проверки в «реальном времени» (и лучше), дайте мне знать.