Angular form validation not working inside a modal dialog

angularjs angularjs-forms
Abhishek Bansal picture Abhishek Bansal · Jul 9, 2015 · Viewed 8.9k times · Source

I have a registration form inside a modal window from ui-bootstrap library. I am trying to get validations working on this form without any success. I am not sure what am I doing wrong.

here is link to plunker demonstrating same issue http://plnkr.co/edit/9QUsvBWd0XAAryqtGUI1?p=preview

Answer

Keammoort picture Keammoort · Jul 9, 2015

You misspelled regForm - it was regFrom, see it's working now: http://plnkr.co/edit/17Yaokycc3Xa0IeWr24M?p=preview

Correct span with error message:

<span style="color:red" ng-show="regForm.email.$dirty && regForm.email.$invalid">
    <span ng-show="regForm.email.$error.required">Email is required.</span>
    <span ng-show="regForm.email.$error.email">Invalid email address.</span>
</span>

Related questions

Can I access a form in the controller?

I'm currently using the following. $scope.$$childHead.customerForm[firstName], so that: <form name="customerForm"> <input type="text" name="firstName" ng-model="data.customer.firstName" tabindex="1" ng-disabled="!data.editable" validationcustomer /> </form> But this only works in …

Read More
Using $setValidity inside a Controller

I am trying to do some validation on file change. Here is my code: View/Template <input type="file" name="file" id="file" onchange="angular.element(this).scope().setFile(this)" required /> <span class="error" ng-show="myForm.file.$…

Read More
`ng-pattern` - how to check for only numbers?

I am using an ng-pattern to check for ONLY numbers in my input. But for me that's not working. I can able to type in characters after the number. How can I restrict that? here is my code : <div …

Read More