Safari 5不会在输入类型=电子邮件中提交包含错误数据的表单

Question

使用input type=email，如果没有有效的电子邮件地址，Safari将不会提交表单。但是根本没有来自浏览器的反馈让用户知道表单停止工作的原因。

除了编写一些Javascript以验证输入之外还有什么要做的（使用type=email会破坏哪种方式？）

Answer 1

样式出现了吗？

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

如果你使用JavaScript，你不需要它来进行验证，你只需要挂钩HTML5 constrain validation API，挂钩invalid事件或调用element.validity.valid as你遍历submit事件的表单。在A List Apart上有一个很好的介绍：Forward Thinking Form Validation