问题描述

input type=email 在判定失败时 如何使用自定义class

默认是在判断不是email格式的什么，输入框变红色，现在想要在判断不是email格式的时候让输入框后面多一个红色的叉叉。也就是随便弄个样式，不用默认的

各位大神请看好题目在回答，我不是为了要成功验证email，而是在type=email这个类型真正起作用的时候改变样式。至于那些让我写正则判定的，多谢了，这么简单的问题我也不好意思在CSDN上问的。我强调的是type=email，既然新出了个email类型的input肯定是让我们省去正则判定的那一步，但是如果这个新标签不让我们改样式，当然是判定后的样式，那这个新类型email也就没有意义了

解决方案

http://www.cnblogs.com/sufei/archive/2011/11/28/2266224.html
IE不管用，请注意

解决方案二：

这个就得自己写样式了....

解决方案三：

默认的是没有样式的，你可以在自己进行判断然后给一个样式噻。除非你使用的某个框架，不怕默认是没得提示的。

解决方案四：

onblur的时候自己用正则检查下数据是否有效，无效就显示你的xx或者添加自定义样式，注意ie8-不支持email类型

 <input type="email" onblur="this.nextSibling.style.display = this.value == '' || /^(w)+(.w+)*@(w)+((.w{2,3}){1,3})$/.test(this.value) ? 'none' : ''" /><span style="display:none;color:red">X</span>

解决方案五：

怎么没人回复啊，有这么难吗？