Validation không hoạt động trong html bootstrap

Question

tôi đã đưa ra một xác nhận đến lĩnh vực kiểm tra bằng cách cho yêu cầu nó như

<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> 

và sau đó tôi nhấn nút gửi, nhưng xác nhận là không làm việc. Tôi có thể chuyển sang trang tiếp theo bằng email ngoài.

Có cách nào khác để thực hiện xác thực không.

Ai đó có thể giúp tôi Cảm ơn

Nó nên được như thế:

Answer 1

Việc xác nhận không dừng lại việc nộp tự động. Trong chức năng gửi của bạn, bạn cần phải kiểm tra xem diễn đàn có hợp lệ hay không.

Như thế này:

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>