Using ng-required with model's value in AngularJS

Question

I'm trying to validate my form. In one field, I have to validate it null & it's value. How can I do this?

By the way, I don't write a function for this on controller.

<form name="frm">
<input type="text" ng-model="myModel" ng-required="myModel != '' || myModel != undefined || myModel != 'xxx'" />
<button ng-disabled="frm.$invalid" >Send</button>

Ilya Dmitriev · Accepted Answer · 2015-08-01 13:33:40Z

1

You can't do it with ng-required only because it checks if the value was entered or not. In your case you can use ng-required to cover this statements: myModel != '' || myModel != undefined. And if you want to check that myModel value isn't 'xxx' you should use ng-pattern directive. Appropriate regex for your case should be: /^(xxx.+|(?!xxx).*)$/.

<form name="frm">
   <input type="text" ng-model="myModel" ng-pattern="/^(xxx.+|(?!xxx).*)$/" ng-required="" />
   <button ng-disabled="frm.$invalid" >Send</button>
</form>

Check documentation about directives components for input.

edited Aug 1, 2015 at 13:33

answered Jul 30, 2015 at 10:29

Ilya Dmitriev

1,7401 gold badge17 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Using ng-required with model's value in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related