在Angularjs中显示图标错误和自定义消息

在Angularjs中显示图标错误和自定义消息,angularjs,html,css,error-handling,frontend,Angularjs,Html,Css,Error Handling,Frontend,最近我遇到了一个网站,它有一个非常简洁的显示错误的方法,我想在我的网站上实现同样的方法,但无法通过Angularjs实现 当我转到下一个字段时,错误就会显示。对于字段上的红色框,您可以使用ng Invalidad和ng touched类,并为这两个字段构建特定的css规则 ng invalid表示该字段未正确填充。 ng touched表示用户已触摸该字段 css类示例 常量myApp=angular.modulemyyapp,[]; .ng-invalid.ng-touch{ 边框:实心1p

最近我遇到了一个网站,它有一个非常简洁的显示错误的方法,我想在我的网站上实现同样的方法,但无法通过Angularjs实现


当我转到下一个字段时,错误就会显示。

对于字段上的红色框,您可以使用ng Invalidad和ng touched类,并为这两个字段构建特定的css规则

ng invalid表示该字段未正确填充。 ng touched表示用户已触摸该字段

css类示例

常量myApp=angular.modulemyyapp,[]; .ng-invalid.ng-touch{ 边框:实心1px红色; }
图片没有显示,你是说angular js中的验证吗?请检查这些链接:这对我来说有效,但我还有一个问题,我如何抑制当我在表单上单击submit.add时弹出的默认HTML5消息。它将取消html5验证的激活。