angularjs - Angular form validation is not working -

मेरे पास निम्न फ़ॉर्म है:

UPDATE

  & lt; स्क्रिप्ट टाइप = "टेक्स्ट / एनजी-टेम्पलेट" id = "form-profile.html" & gt; & Lt; form id = "f1" name = "form" & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & LT; लेबल & gt; नाम & lt; / लेबल & gt; & Lt; input type = "text" class = "form-control" name = "name" ng- मॉडल = "formData.name" एनजी-क्लास = "सबमिट किया गया? 'एनजी-गंदा': ''" आवश्यक ऑटोफोकस & gt; & Lt; span शैली = "रंग: लाल" एनजी-शो = "फ़ॉर्म.नाम। $ गंदे || फॉर्म। नाम। $ अमान्य" & gt; नाम आवश्यक है & lt; / span & gt; & Lt; / div & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & Lt; label = "name" & gt; ई-मेल & lt; / label & gt; & Lt; input type = "text" class = "form-control" name = "email" ng- मॉडल = "formData.email" एनजी-क्लास = "सबमिट किया गया? 'एनजी-गंदा': ''" आवश्यक ऑटोफोकस & gt; & Lt; span शैली = "रंग: लाल" एनजी-शो = "एफ 1। मेल। $ गंदे & amp; एफ 1। मेल। $ अमान्य" & gt; & Lt; span ng-show = "f1.email। $ Error.required" & gt; ईमेल आवश्यक है। & Lt; / span & gt; & Lt; / span & gt; & Lt; / div & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & Lt; label for = "सेलफोन" & gt; मोबिल एनआर। & Lt; / label & gt; & Lt; input type = "text" class = "form-control" name = "सेलफोन" एनजी-मॉडल = "फॉर्मडेटा। सेलफोन" एनजी-क्लास = "सबमिट किया गया? 'एनजी-गंदा': ''" आवश्यक ऑटोफोकस & gt; & Lt; span शैली = "रंग: लाल" एनजी-शो = "एफ 1। सेलफोन। $ गंदे & amp; एफ 1। सेलफोन। $ अमान्य" & gt; & Lt; span ng-show = "f1.Cellphone। $ Error.required" & gt; सेलफोन की आवश्यकता है। & Lt; / span & gt; & Lt; / span & gt; & Lt; / div & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & Lt; लेबल = "पता" & gt; एड्रेस & lt; / label & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" वर्ग = "फॉर्म-नियंत्रण" नाम = "पता" एनजी-मॉडल = "formData.address" & gt; & Lt; / div & gt; & Lt; div वर्ग = "फॉर्म-ग्रुप कोलेर -33 कोऑल-ऑफसेट -67" & gt; & Lt; a ui-sref = "front.form.organization" वर्ग = "बटन आइकन-सही आयन-शेवरॉन-दायां बटन-सक्रिय। Col-offset-50" & gt; अगला & lt; / a & gt; & Lt; / div & gt; & Lt; / प्रपत्र & gt; & Lt; / स्क्रिप्ट & gt;  

जब मैं अगली बार प्रेस करता हूं तो मैं अगले बटन को अक्षम करने और मुझे त्रुटियों को दिखाने के लिए चाहता हूं।

मैंने अभी तक नाम से कोशिश की है और मुझे नहीं मिला त्रुटियाँ।

धन्यवाद

कृपया नीचे डेमो देखें

  एनजी-शो = "एफ 1.नाम। $ गंदे & lt; - एफ 1 कि फॉर्म का नाम नहीं आईडी  

  var ऐप = कोणीय.मॉड्यूल ('ऐप', []); App.controller ('homectrl', function ($ scope) {});  

  & Lt; script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js" & gt; & lt; / स्क्रिप्ट & gt; & lt; div ng-app = "ऐप" & gt ; & Lt; div ng-controller = "homectrl" & gt; & lt; फार्म का नाम = "एफ 1" & gt; & lt; div class = "form-group" & gt; & lt; लेबल & gt; नाम & lt; / label & gt; & lt; इनपुट प्रकार = "Text" class = "form-control" name = "name" ng- मॉडल = "formData.name" आवश्यक autofocus & gt; & Lt; span शैली = "रंग: लाल" एनजी-शो = "एफ 1। नाम। $ गंदे & amp; एफ 1। नाम। $ अमान्य" & gt; नाम आवश्यक है & lt; / span & gt; & Lt; / div & gt; & Lt; / प्रपत्र & gt; & Lt; / div & gt;