angularjs custom validation on input type="text"

Question

<section class="col col-6">
   <label class="input">
      <i class="icon-append fa fa-building"></i>
      <input type="text" ng-model="customer.Name" name="customerName" placeholder="Customer Name" required>
      <span style="color:red" ng-show="myForm.customerName.$dirty && myForm.customerName.$invalid">
         <span ng-show="myForm.customerName.$error.required">Name Required</span>
      </span>
   </label>
</section>

How can i implement custom validation on it? m applying angularjs validation it works fine but I want custom valuation on this tag. I want user insert only alphabets in this textbox.

Bohuslav Burghardt · Accepted Answer · 2015-10-10 09:02:51Z

1

Use ngPattern directive and provide appropriate regular expression:

<input ng-pattern="/^[a-zA-Z]*$/" />

answered Oct 10, 2015 at 9:02

Bohuslav Burghardt

35.1k7 gold badges130 silver badges115 bronze badges

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

1 Comment

Bohuslav Burghardt Over a year ago

@RanaAli That comment is not really helpful in determining the problem. What is your sample input that you expect to pass the validation but it does not or vice versa?

Collectives™ on Stack Overflow

angularjs custom validation on input type="text"

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