Угловые входные Validations не работают

Question

<form name="LPform"> 
 
    <div class="form-row clearfix"> 
 
     <label class="lbl-fld" style="margin-left: 12%;">Email ID</label> 
 
     <input class="mob-adj-inpbx" type="email" name="uemail" ng-model="useremail" placeholder=" me@example.com" ng-required="true"/> 
 
     <div ng-show="LPform.uemail.$valid">Enter a valid email.</div> 
 
    </div> 
 
</form>

Здесь я добавляю валидации к «электронной почте» и пытаюсь отобразить сообщение об ошибке только тогда, когда пользователь вводит недопустимую электронную почту. Однако это не работает.

Answer 1

1. Я полагаю, вы хотите, чтобы показать сообщение об ошибке, если введено недопустимое так

   ng-show="!LPform.uemail.$valid"

2. Может быть, вы забыли привязать его к переменной области видимости? потому что он работает нормально.

function Ctrl($scope) { 
 
    $scope.useremail = ''; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script> 
 
<div ng-app> 
 
    <div ng-controller="Ctrl"> 
 
    <form name="LPform"> 
 
     <div class="form-row clearfix"> 
 
     <label class="lbl-fld">Email ID</label> 
 
     <input class="mob-adj-inpbx" type="email" name="uemail" ng-model="useremail" placeholder=" me@example.com" ng-required="true" /> 
 
     <div style="font-size: 11px; color: red; margin: 5px 65px;" 
 
      ng-show="!LPform.uemail.$valid">Please enter a valid email.</div> 
 
     </div> 
 
    </form> 
 
    </div> 
 
</div>