Programming Code Center(PCC)
[ANGULARJS]

(PCC)::[How-to-use-A-Model-with-validation-in-AngularJS]::[angularjs]

File Name : index.html

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<form ng-app="" name="myForm">
    Email:
    <input type="email" name="myAddress" ng-model="text">
    <span ng-show="myForm.myAddress.$error.email">Not a valid e-mail address</span>
</form>

<p>Enter your e-mail address in the input field. AngularJS will display an errormessage if the address is not an e-mail.</p>

</body>
</html>

Output :

Email: Not a valid e-mail address

Enter your e-mail address in the input field. AngularJS will display an errormessage if the address is not an e-mail.