Мне нужен этот ввод, когда пользователь не использует действительный адрес электронной почты.Подтверждающий адрес электронной почты
принимает вид получает красную границу или появляется сообщение (зависания) рядом с полем
HTML
<body ng-controller="simulacaoController">
<input type="text" ng-class="{red: cadastro.$invalid}" ng-model="email" name="email" placeholder="E-Mail" ng-pattern="mascaraEmail" class="last" required />
</body>
AngularJS
angular.module("simulacao", []);
angular.module("simulacao").controller("simulacaoController", function($scope){
$scope.mascaraEmail = "/^[a-zA-Z0-9][a-zA-Z0-9\._-][email protected]([a-zA-Z0-9\._-]+\.)[a-zA-Z-0-9]{2,3}/";
});
CSS
.red {
border: solid 1px red;
}
Мой код: https://fiddle.jshell.net/kvxcsync/2/
Очень здорово. Я сам этого не знал. Тем не менее, как раз то, что известно OP, оно может не поддерживаться у «пожилых» бродяг, особенно IE10. Per: http://caniuse.com/#search=email – JonSG
Эта и другие проверки HTML5 не работают в Safari. Требуется полифония, например [webshims] (https://github.com/aFarkas/webshim). – smddzcy
Самое смешное, что «a @ b» действительный адрес электронной почты: p –