在HTML5中格式化表单错误？

Question

嘿，我有一个表格是这样的：

http://jsfiddle.net/Myxqk/

尝试输入一些东西究竟是不是一个vaild的e-mail地址，如 “4asd”。

看看会发生什么。

有没有一种方法来格式化/更改这个错误的外观？

例如，我不想要这一切，只是想要输入边界脉冲。或变红。

非常感谢。

Answer 1

#input {border-color: red;} 

？

Answer 2

HTML5没有被广泛采用，所以你不应该依赖浏览器的行为，甚至没有最终确定的规范。

因此，只需要自定义JS/CSS就可以做你想做的事情。

Answer 3

你见过这个例子电子邮件领域：
http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_form_email

这里的电子邮件验证未通过HTML5，但由服务器处理。
你使用PHP或其他框架？

Answer 4

在我的情况下，最好的解决办法是：

1. 添加“NOVALIDATE”我的表单标签（这样我就可以仍然坚持“电子邮件”输入）。

2. 使用jQuery验证（animate（））。

非常感谢你们！正如我在开始时所想的那样，没有办法真正进入像这样的HTML5核心功能。伤心，但希望他们能解决它。如果不是这样的话，设计很重要！