Recently, I delved into AngularJS and began experimenting with the validations included in the framework. However, I encountered an issue as the validations don't seem to function:
<div class="row">
<div class="col-xs-6">
<h2>Login</h2>
<p class="text-danger">{{message}}</p>
<form name="form" novalidate>
<label>Email: </label>
<input type="email" ng-model="credentials.email" placeholder="Email" class="form-control" required />
<label>Password: </label>
<input type="password" ng-model="credentials.password" placeholder="Password" class="form-control" />
<br />
<button class="btn btn-primary" ng-click="authenticate(credentials)">Login</button>
<a href="#/register">Register</a>
</form>
</div>
</div>
After naming the form and adding the novalidate attribute, I attempted to make the email input required by adding the necessary attribute. Despite my efforts, the form continues to submit without any warnings or interference from AngularJS. Can someone point out what I might be overlooking?