AngularJS Form Validation (very comprehensive)

Build a NG form

Novalidate= "Novalidate"

The Action property cannot be in 2.form. Submitted to Ng-submit for processing

3. Each input must have a ng-model, preferably a name to facilitate reference. And then use require or ng-minlength to work.

<form name= "form" novalidate= "Novalidate" >  <label name= "email" >your email</label>  < Input type= "email" name= "email" ng-model= "email" placeholder= "email Address"/></form>

NG provides validation by default

To verify that you have entered text, simply add required to the label:

<input type= "text" ng-model= "User.Name" required/>

Verify that at least enter {number} characters, using the directive ng-minlength= "{Number}":

<input type= "text" ng-model= "User.Name" ng-minlength= "5"/>

Verify that you enter {number} characters and use the instruction Ng-maxlength= "{number}":

<input type= "text" ng-model= "User.Name" ng-maxlength= "/>"

Make sure the input matches a regular expression, using the directive ng-pattern= "/pattern/":

<input type= "text" ng-model= "User.Name" ng-pattern= "/a-za-z/"/>

Verify that input is an email and set the Type property of input to email:

<input type= "Email" name= "email" ng-model= "User.email"/>

Verify that the input is a number, set the Type property of input to #:

<input type= "number" name= "number" ng-model= "User.age"/>

Verify that the input is a URL, set the Type property of input to URL

<input type= "url" name= "homepage" ng-model= "User.weburl"/>

AngularJS Form Validation (very comprehensive)