<html ng-app="loginApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body ng-controller="LoginController">
<h1>Login Form</h1>
<form name="loginForm" novalidate>
<label for="email">Email:</label>
<input type="email" id="email" name="email" ng-model="user.email" required ng-pattern="/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/">
<div ng-show="loginForm.email.$error.pattern">Invalid email address</div>
<label for="password">Password:</label>
<input type="password" id="password" name="password" ng-model="user.password" required ng-minlength="8">
<div ng-show="loginForm.password.$error.minlength">Password should be at least 8 characters long</div>
<button type="submit" ng-disabled="loginForm.$invalid">Login</button>
</form>
<script>
var app = angular.module('loginApp', []);
app.controller('LoginController', function ($scope) {
$scope.user = {};
});
</script>
</body>
</html>
No comments:
Post a Comment