2 lxh929257102 lxh929257102 于 2015.07.21 00:40 提问

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

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

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

5个回答

caozhy
caozhy   Ds   Rxr 2015.07.21 06:14
lxh929257102
lxh929257102 你没理解我的意思,是说怎么让判定错误后的样式变成我写的样式
2 年多之前 回复
yuke198907
yuke198907   2015.07.21 08:43

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

lxh929257102
lxh929257102 你没理解我的意思,是说怎么让判定错误后的样式变成我写的样式
2 年多之前 回复
a1002293285
a1002293285   2015.07.21 09:32

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

lxh929257102
lxh929257102 能好好理解type=email的意思不
2 年多之前 回复
showbo
showbo   Ds   Rxr 2015.07.21 10:22

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>
showbo
showbo 回复lxh929257102: 不知道你用过email类型没有。。浏览器的验证afe@afe这种也通过。所以你自己好好理解下和使用下这个类型。当然你允许这种格式的话,onkeyup获取xxx.validity.valid属性或者添加oninvliad事件,点击submit会触发
2 年多之前 回复
lxh929257102
lxh929257102 能好好理解type=email的意思不
2 年多之前 回复
lxh929257102
lxh929257102   2015.07.25 09:45

怎么没人回复啊,有这么难吗?

Csdn user default icon
上传中...
上传图片
插入图片