Как проверить поле на email javascript'ом?

Question

[Сергей]

Здравствуйте! У меня есть форма с id="username". И кнопка начать с id="start", к которой применён атрибут disabled.
И есть код:

var pattern = /^([a-z0-9_\.-])+@[a-z0-9-]+\.([a-z]{2,4}\.)?[a-z]{2,4}$/;
    $('#username').keyup(function(){
        $('#start').prop('disabled', !pattern.test($(this).val()));
    });

В чём собственно заключается вопрос. Как добавить в этот скрипт проверку. Например, форма автоматически уже вводится с помощью Cookie (скрипт на js), но кнопка с id="start" не меняет своего атрибута. Возможно ли решить эту проблему? Если нужно больше кода - напишите об этом в комментариях.

Comments

[Lynn «Кофеман»]

Поубивать бы за такие проверки.
Вот например абсолютно валидные адреса которые вы не пропустите:
[e-mail]
[e-mail]
[e-mail]
[e-mail]

Проверять стоит только наличие собачки (@) и хотя бы одной точки в домене исключительно для отлова глупых опечаток. Адрес почты проверяется отправкой туда письма с подтверждением.

Answer 1

[origami1024]

Идея - сейчас проверка делается на keyup, но добавить еще на другие события, происходящие с input,
вместо:
$('#username').keyup(function(){
сделать:

$('#username').on("keyup input blur change", function(){

Упомяну, что есть полезная встроенная функция в F12, чтобы узнать какие events происходят с элементом:
monitorEvents($('#username'))

Comments

[Сергей]

К сожалению не один из способов не подошли. В первом случае код вообще не работал. А во втором кнопка так и осталась disabled.

[origami1024]

Есть еще идея заменить строчку:
$('#username').keyup(function(){

на

$('#username').on("keyup input blur change", function(){

[Сергей]

origami1024, Вы гений! Работает как надо. Спасибо Вам огромное!

[Сергей]

origami1024, Отправьте в решение. Отмечу.