Angular input Validations not working

Question

<form name="LPform">
    <div class="form-row clearfix">
         <label class="lbl-fld" style="margin-left: 12%;">Email ID</label>
         <input class="mob-adj-inpbx" type="email" name="uemail" ng-model="useremail" placeholder=" [email protected]" ng-required="true"/>
         <div ng-show="LPform.uemail.$valid">Enter a valid email.</div>
    </div>
</form>

Here, I'm adding validations to 'email' and trying to display error message only when the user enters invalid email. However this is not working.

sorry... didn't get u. I have added the controller and everything else on the page is working fine. "LPform.uemail.$valid" is not working. I'm not sure if I have to add any method or variable in js file — Dreamer
– Dreamer, Commented Jan 21, 2016 at 6:29
i mean to say tha please share the whole html and javascript code. So that others can help it out. Also make a fiddle on jsfiddle.net — Kunal Kakkad
– Kunal Kakkad, Commented Jan 21, 2016 at 6:31

Daniel · Accepted Answer · 2016-01-21 06:39:56Z

1

I suppose you want to show the error message if the input is invalid so

ng-show="!LPform.uemail.$valid"
Maybe you forgot to bind it to a scope variable? cause it seems to work fine.

function Ctrl($scope) {
  $scope.useremail = '';
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
<div ng-app>
  <div ng-controller="Ctrl">
    <form name="LPform">
      <div class="form-row clearfix">
        <label class="lbl-fld">Email ID</label>
        <input class="mob-adj-inpbx" type="email" name="uemail" ng-model="useremail" placeholder=" [email protected]" ng-required="true" />
        <div style="font-size: 11px; color: red; margin: 5px 65px;" 
             ng-show="!LPform.uemail.$valid">Please enter a valid email.</div>
      </div>
    </form>
  </div>
</div>

answered Jan 21, 2016 at 6:39

Daniel

6,5517 gold badges38 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dreamer Over a year ago

Thanks for the reply. It worked fine with ng-show="LPform.uemail.$error.email"

Collectives™ on Stack Overflow

Angular input Validations not working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related