Menu
I am working on Angular 2 login page, when I try to validate input field with HTML 5 validate attribute required, it is not working, where as in the quick start project it works fine. Could any one explain why it is not working and how to resolve this issue ?
Plunker link of my code In Plunker, it validates but in my project its not working.
app.component.html code below,
<form class="login-form">
<input type="text" name="usrname" placeholder="Username" required/>
<input type="password" name="pwd" placeholder="Password" required>
<input type="submit">
</form>
912
To add validation to a template-driven form, you add the same validation attributes as you would with native HTML form validation. Angular uses directives to match these attributes with validator functions in the framework.
AngularJS ng-required DirectiveThe ng-required directive sets the required attribute of a form field (input or textarea). The form field will be required if the expression inside the ng-required attribute returns true. The ng-required directive is necessary to be able to shift the value between true and false .
As of version 4.0.0, Angular automatically adds "novalidate" to the form. Change this new default behavior by using:
<form ngNativeValidate>...</form>
Github issue here: https://github.com/angular/angular/issues/15531#issuecomment-289555359
172
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
