проверки не работает в начальной загрузки HTML

Question

Я дал проверку на испытательном поле, давая ему требуется, как

<div class="form-group"> 
    <label for="inputEmail" class="col-lg-4 col-lg-offset-1 control-label">Email address</label> 
    <div class="col-lg-4"> 
    <input class="form-control" ng-model="$root.customerDetails.eMail" placeholder="Enter customer email" type="email" required focus value = "{{emailId}}"> 
    </div> 
</div> 

, а затем я буду нажав кнопку отправки, но проверка не работает. Я могу перейти на следующую страницу без электронной почты.

Есть ли другой способ сделать проверку.

Может кто-то помочь мне Спасибо

Это должно быть, как:

Answer 1

Проверка автоматически не останавливает подачу. В вашей функции отправки вам необходимо проверить, действительно ли форум.

Как это:

angular.module('app', []). 
 
controller('ctrl', function($scope) { 
 
    $scope.submit = function() { 
 
    console.log('submitted'); 
 
    } 
 
});

.validation { 
 
    font-size: 80%; 
 
    color: red; 
 
}

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script> 
 

 
<div ng-app="app" ng-controller="ctrl"> 
 
    <form name="myForm"> 
 
    <input type="text" name="txt" ng-model="txt" required /><br /> 
 
    <!--<div class="validation" ng-show="myForm.$submitted && myForm.txt.$invalid">Please fill out the field</div>--> 
 
    <button ng-click="myForm.$valid && submit()">Submit</button><br /> 
 
    Form is valid: {{myForm.$valid}} 
 
    </form> 
 
</div>