<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.js"></script>
<script>
angular.module('myApp', ['ngMessages']);
</script>
</head>
<body ng-app="myApp">
<form name="myForm">
<br/><br/>
Alan değeri:
<input type="text" name="myName"
ng-model="name" ng-minlength="3" ng-maxlength="10" required />
<br/><br/>
<div ng-messages="myForm.myName.$error" style="color:red" >
<div ng-message="required">Alan girilmeli</div>
<div ng-message="minlength">Alan boyu en az 3 olmalı</div>
<div ng-message="maxlength">Alan boyu en çok 10 olmalı</div>
</div>
</form>
</body>
</html>
Dosyayı İndir