Safari 5 не отправит форму с неверными данными в тип ввода = электронная почта

Question

При значении input type=email Safari не разрешит отправлять форму, если нет действительного адреса электронной почты. Но в браузере нет никакой обратной связи, чтобы сообщить пользователю, почему форма перестала работать.

Есть ли что-нибудь, что нужно сделать, кроме написания некоторого Javascript для проверки ввода (что разрушает смысл использования type=email)?

Answer 1

Появляются ли стили?

input[type=email]:invalid {
    background-color: red;
}

Если вы прибегаете к JavaScript, он не нужен для проверки, вам просто нужно подключить API проверки ограничений HTML5 , либо подключить событие invalid, либо вызвать element.validity.valid когда вы перебираете форму в событии submit. В A List Apart есть хорошее введение во все это: Проверка формы прямого мышления