Skip to content
Related Articles

Related Articles

AngularJS | ng-minlength Directive
  • Last Updated : 26 Mar, 2019

The ng-minlength Directive in AngularJS is used to set the minimum length for an input field i.e it adds the restriction for an input field. It is different from minlength attribute in HTML because the former prevent users from entering less than the specified limit whereas the later doesn’t do that. It makes the form invalid if the entered input is less than the specified limit.

Syntax:

<element ng-minlength="expression"> content ... </element> 

Where expression is a number denoting the minimum limit below which the input is invalid.

Example: This example uses ng-minlength Directive to set the minimum length of string.




<!DOCTYPE html>
<html>
      
<head>
    <title>ng-minlength Directive</title>
  
    <script src=
    </script>
</head>
   
<body style="text-align:center">
      
    <h1 style="color:green">GeeksforGeeks</h1>
      
    <h2>ng-minlength Directive</h2>
      
    <div ng-app="app" ng-controller="geek">
        <form name="minlength" novalidate ng-submit
                    ="minlength.$valid &&check()">
          
            <pre>Minimum 5 characters required</pre>
              
            Input: <input type="text" name="code" ng-model="txtpin"
                    ng-minlength="5" required />
              
            <br><br>
              
            <button type="submit">Click it</button>
              
            <br><br>
              
            <span>{{msg}}</span>
        </form>
    </div>
      
    <script>
        var app = angular.module('app', []);
        app.controller('geek', function ($scope) {
            $scope.check = function () {
                $scope.msg = "Input is valid";
            };
        });
    </script>
</body>
  
</html>

Output:
Before clicking the button:
ngminlength
After clicking the button:
ngminlength

Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.




My Personal Notes arrow_drop_up
Recommended Articles
Page :