You are on page 1of 1

<html lang="en" ng-app>

<head>
<title>Sample code1 angular js</title>
<script src="http://code.angularjs.org/1.2.3/angular.min.js"></script>
<style> input.ng-invalid{border:1px solid red;} </style>
</head>
<body>
<h1>Sample code angular js</h1>
<form name="mylogin" >
<div>
email: <input type="email" name="email" id="email" ng-
model="user.email" required /></br>
<span ng-show='mylogin.email.$error.required'> required email</span>
<span ng-show='mylogin.email.$error.email'> not an email</span>

</div>
<div>
password: <input type="password" name="password" id="password" ng-
model="user.password" ng-minlength="5" ng-maxlength="10" required /></br>
<span ng-show='mylogin.password.$error.required'> required
password</span>
<span ng-show='mylogin.password.$error.minlength'> short</span>
<span ng-show='mylogin.password.$error.maxlength'> long</span>
</div>

</form>
</body>
</html>

You might also like