कोणीय, भौतिक रूप केवल कहने के लिए फ़ील्ड आवश्यक है

Question

मैं अपने ऐप्स को कोणीय-सामग्री के साथ लॉगिन फॉर्म बना रहा हूं और अपने पृष्ठ पर उदाहरणों की तुलना में इसे थोड़ा अलग तरीके से उपयोग करने की कोशिश कर रहा हूं। मैं चाहता हूं कि जरूरी फ़ील्ड केवल मुझ पर चिल्लाएं, यदि उपयोगकर्ता फ़ील्ड भरने के बिना सबमिट करने का प्रयास करता है। शायद बटन को अक्षम भी करें? भले ही, उपयोगकर्ता केवल एक फ़ील्ड भरता है और एंटर दबाता है, मैं यह दिखाना चाहता हूं कि "यह आवश्यक है"। अभी यह सिर्फ है यह पता चलता है हर समय जब तक आप इसे भरें

यहाँ मैं क्या है: https://jsfiddle.net/5b1tsm2a/6/

मैं तो जैसे उनके उदाहरण पेज से कोड कोशिश कर रहा हूँ -

<form ng-submit="authenticate()" name="loginForm"> 
     <md-input-container> 
      <label>Username</label> 
      <input name="name" reauired ng-model="loginInfo.username"> 
      <div ng-messages="projectForm.description.$error"> 
       <div ng-message="required">This is required.</div> 
      </div> 
     </md-input-container> 

     <md-input-container> 
      <label>Password</label> 
      <input name="password" reauired type="password" ng-model="loginInfo.password"> 
      <div ng-messages="projectForm.description.$error"> 
       <div ng-message="required">This is required.</div> 
      </div> 
     </md-input-container> 

     <md-button ng-click="authenticate()" class="md-primary btn btn-primary">Login</md-button> 
    </form> 

तो मैं मैं नीचे दिए गए एनजी-संदेशों के साथ आवश्यक तर्क का उपयोग कर रहा हूं। मैं केवल यह दिखाना चाहूंगा कि क्या उन्होंने कुछ भी भरने के बिना सबमिट करने का प्रयास किया है। धन्यवाद!

Answer 1

अद्यतन नीचे के रूप में अपने कोड:

<form ng-submit="authenticate()" name="loginForm"> 
     <md-input-container> 
      <label>Username</label> 
      <input name="username" ng-model="loginInfo.username" required/> 
      <div ng-messages="loginForm.username.$error" ng-if='loginForm.username.$dirty'> 
       <div ng-message="required">This is required.</div> 
      </div> 
     </md-input-container> 

     <md-input-container> 
      <label>Password</label> 
      <input name="password" type="password" ng-model="loginInfo.password" required/> 
      <div ng-messages="loginForm.password.$error" ng-if='loginForm.password.$dirty'> 
       <div ng-message="required">This is required.</div> 
      </div> 
     </md-input-container> 
     <md-button type="submit" class="md-primary btn btn-primary">Login</md-button> 
</form>