Twitter bootstrap 如何使用Twitter引导样式处理AngularJS中的电子邮件输入验证?

Twitter bootstrap 如何使用Twitter引导样式处理AngularJS中的电子邮件输入验证?,twitter-bootstrap,angularjs,input,Twitter Bootstrap,Angularjs,Input,考虑电子邮件输入: 如果有人输入a@b在其中,client.email保持未定义,但不考虑输入 如果使用样式设置输入,则会导致输入具有正常的蓝色轮廓,而不是红色轮廓,这表明输入具有有效的电子邮件 这相当令人困惑,因为用户认为他们输入了有效的电子邮件地址,但AngularJS中的底层模型没有设置 如何处理这个问题,有什么建议吗?我想你对引导的使用让你感到困惑。如果您自己为ng invalid/ng valid类添加样式,您将看到这是一个错误 例如,的第二个示例演示了如何为无效/有效类型添加自定

考虑电子邮件输入:


如果有人输入<代码>a@b在其中,
client.email
保持
未定义
,但不考虑输入

如果使用样式设置输入,则会导致输入具有正常的蓝色轮廓,而不是红色轮廓,这表明输入具有有效的电子邮件

这相当令人困惑,因为用户认为他们输入了有效的电子邮件地址,但AngularJS中的底层模型没有设置


如何处理这个问题,有什么建议吗?

我想你对引导的使用让你感到困惑。如果您自己为ng invalid/ng valid类添加样式,您将看到这是一个错误

例如,的第二个示例演示了如何为无效/有效类型添加自定义类,并说明了a@b确实是一个无效的值