Angularjs - फ़ील्ड मान्य नहीं होने पर क्षेत्र को हाइलाइट करें

Question

मैं कोणीय के लिए नया हूं और यह जानना चाहता हूं कि प्रमाणीकरण विफल होने पर मैं फॉर्म फ़ील्ड को कैसे हाइलाइट कर सकता हूं।

मैंने जो कुछ भी किया है, उसे चित्रित करने के लिए मैंने fiddle बनाया है।

किसी भी मदद की सराहना की जाती है।

 <p> 
     <label for="name">User:</label> 
     <input type="text" name="name" ng-model="name" 
       required ng-minlength="5" ng-maxlength="32"> 
    <span ng-show="register.name.$error.required" class="err"> 
     Required</span> 
    <span ng-show="register.name.$error.minlength" class="err"> 
     Minimum 5 characters</span> 
    <span ng-show="register.name.$error.maxlength" class="err"> 
     Maximum 32 characters</span> 
    </p> 

Answer 1

आपके मामले में, आप एनजी श्रेणी की कोशिश कर सकते:

ng-valid 
ng-invalid 
ng-pristine 
ng-dirty 

कोणीय स्वचालित रूप से इन टॉगल:

<input type="text" ng-class="{highlight:register.name.$error.required || register.name.$error.minlength || register.name.$error.maxlength}" name="name" ng-model="name" 
        required ng-minlength="5" ng-maxlength="32"> 

DEMO

एक अन्य समाधान इन कक्षाओं पर शैली करने के लिए है वर्तमान सत्यापन स्थिति के आधार पर कक्षाएं।

input.ng-invalid { 
    background:#F84072; 
    border: 2px red solid; 
} 

DEMO