CODEWITHSUNDEEP
angularjshtml
Dibyendu Konar
Dibyendu Konar

Reputation: 165

angular js validation is not performing

I am making a simple html page with validation by angularjs.. I have taken the html file with angularjs by this process

  <title>Student Registration Form</title>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>

while I am giving the validation in this way

<body ng-app>

and then I am giving the validation in the text area like this code

 <input type="text" name="First_Name" maxlength="30" ng-pattern="/^[a-zA-Z\s]*$/"/>

this ng pattern refers that only alphabets and blank space could be entered

but the error is the validation is not happening.

Upvotes: 0

Views: 40

Answers (2)

Mathias F
Mathias F

Reputation: 15891

You can output the validation state by reading .$valid of the field

<body ng-app  >

<div >
  <form name="myForm">
    <label>
       User name:
       <input type="text" name="userName" ng-model="userName"  ng-pattern="/^[a-zA-Z\s]*$/" >
    </label>
      <div>
user: {{userName}}
   </div>

  </form>
  <hr>

  <tt>myForm.userName.$valid = {{myForm.userName.$valid}}</tt><br/>

</div>
</body>

http://plnkr.co/edit/lml1eBqEkvCBpz2kb51Z?p=preview

Upvotes: 0

dfsq
dfsq

Reputation: 193261

There is no validation because input field has no model bound, so no data to validate. Add ngModel directive and it should work:

<input type="text" name="First_Name" ng-model="user.firstName" maxlength="30" ng-pattern="/^[a-zA-Z\s]*$/" />

Upvotes: 1

Related Questions