События для проверки формы Javascript

Question

Я делаю небольшую форму для приложения php и задал вопрос относительно проверки javascript.

Какое лучшее событие для запуска проверки javascript на входном значении? Это событие «фокуса»?

Первоначально я использовал фокус, но он создает проблемы, когда пользователь нажимает кнопку ввода, пока они все еще сосредоточены на каком-либо конкретном поле в форме.

Должен ли я запускать проверку js, когда пользователь нажимает кнопку отправки?

Просто ищите рекомендации.

Спасибо!

Chuck

Answer 1

я, возможно, не так, и я часто, но вместо того, чтобы использовать focusout, вы могли бы хотеть попробовать использовать .Кнопкой()

Это должно регистрировать любое значение, введенное пользователем в текстовое поле, даже если они попали в Return ключ. Фактически, он должен регистрироваться, если пользователь нажимает клавишу табуляции, кликает где-нибудь вне текстового поля, нажимает кнопку отправки и, по существу, всякий раз, когда фокус теряется в поле формы.

Answer 2

Должен ли я запустить проверку Js, когда пользователь щелкает представить?

Если вы переопределите фактическое событие отправки формы, вы поймаете кнопку отправки и когда пользователь нажмет клавишу возврата.

$('#yourForm').submit(function() { 
    // validation ... 
    if (valid) { 
    return true; 
    } 
    return false; 
}); 

Answer 3

Это интересный вопрос дизайна и не только технический. Если вы проверите каждое поле, когда пользователь покинет его, вы, как следствие, должны показать результат вашей проверки как-нибудь, по крайней мере, если значение поля не является «действительным». Это должно быть хорошо обработано или это будет раздражать.

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

Answer 4

Вы можете проверить JQuery Validation плагин: http://docs.jquery.com/Plugins/Validation

По умолчанию, он будет проверять на отправить, а затем, если есть ошибки, он будет проверять на OnChange событие месторождения.