मान्यता बूटस्ट्रैप एचटीएमएल

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>