Am trying to validate an Email id field in angularJs using ng-pattern directive.
    
But am new to AngularJs. I need to show an error message as soon as the user enters the wrong email id.
    
The code which I have below is am trying to solve. Help me out with using ng-pattern for getting the proper result.
    
    &lt;script type=&quot;text/javascript&quot; src=&quot;/Login/script/ang.js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
        function Ctrl($scope) {
            $scope.text = &#39;enter email&#39;;
            $scope.word = /^[a-z]+[a-z0-9._]+@[a-z]+\.[a-z.]{2,5}$/;
        }
    &lt;/script&gt;
        &lt;/head&gt;
    &lt;body&gt;
        &lt;form name=&quot;myform&quot; ng-controller=&quot;Ctrl&quot;&gt;
            &lt;input type=&quot;text&quot; ng-pattern=&quot;word&quot; name=&quot;email&quot;&gt;
            &lt;span class=&quot;error&quot; ng-show=&quot;myform.email.$error.pattern&quot;&gt;
                invalid email!
            &lt;/span&gt;
            &lt;input type=&quot;submit&quot; value=&quot;submit&quot;&gt;
        &lt;/form&gt;
    &lt;/body&gt;



All Ng Pattern Solutions on Gang of Coders

Total of 1 Ng Pattern Solutions

How to validate email id in angularJs using ng-pattern