AngularJs form validation doesn't work

Question

i am new on angular js, working on form validations. I have done all but still validation doesn't work. Here is my code:

<form role="form" name="studentForm" class="form-horizontal" novalidate>
    <div class="form-group">
        <label for="student_email" class="col-sm-2 control-label">Email</label>
        <div class="col-sm-10">
            <input type="email" name="student_email" ng-model="studentEmail" class="form-control" id="student_email" required>
            <div role="alert" class="error-msg" ng-messages="studentForm.student_email.$error">
                <p ng-message="required">Your email is required.</p>
            </div>
        </div>
    </div>
</form>

Script:

angular.module('app', ['ngMessages']);

Is it possible for you to create a Plunkr for this? This will help others to look into the issue and provide solutions. — Thangadurai
– Thangadurai, Commented Apr 19, 2016 at 6:56
Have you included <script src="angular-messages.js"> on your page? — garethb
– garethb, Commented Apr 19, 2016 at 6:57
@load , yes a very strange error. i have included the angular.min.js — Maha Dev
– Maha Dev, Commented Apr 19, 2016 at 7:04

Syam Pillai · Accepted Answer · 2016-04-19 07:29:11Z

2

Here is the working Demo for your code.

 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.js"></script>
 <script src="script.js"></script>

May be you forgot to add the scripts in your html files. The position of the scripts in the index.html file also matters. the ng-message should only include below the angular.min.js

Please check the demo

edited Apr 19, 2016 at 7:29

answered Apr 19, 2016 at 7:13

Syam Pillai

5,2202 gold badges31 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Maha Dev Over a year ago

is it possible to hide message onload? i mean i want to show whenever we touch that field.

garethb Over a year ago

Have a look at $touched

thegio · Accepted Answer · 2016-04-19 07:32:34Z

0

https://docs.angularjs.org/guide/forms

Note that novalidate is used to disable browser's native form validation.

try removing the novalidate from the form tag:

<form role="form" name="studentForm" class="form-horizontal">

I hope it helps.

answered Apr 19, 2016 at 7:32

thegio

1,2438 silver badges28 bronze badges

Collectives™ on Stack Overflow

AngularJs form validation doesn't work

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related