Ignore Angular.JS form validation for a single input inside a form

Question

Is there any way I can do this? I have a form with like 5 inputs, but I want one of them, not to be affected by ngDirty or ngPrestine or any of that, is there anyway I can do this? If you need any more information, please tell me.

Some HTML for context:

  <input id="name" ng-model="device.Name" type="text" class="form-control">

  <input id="description" ng-model="img.Description" type="text" class="form-control" />    

</form>

And CSS which was done by an outsider:

input.ng-dirty
{
  &.ng-invalid
  {
    border: 1px solid $error;
    background-color: transparentize($error, 0.95);
  }
  &.ng-valid
  {
    border: 1px solid $success;
    background-color: transparentize($success, 0.95);
  }
}

input.ng-pristine
{
  &.ng-invalid
  {
    border: 1px solid $required;
    background-color: transparentize($required, 0.95);
  } 
}

Now basicly, this says that any input element when is on dirty or prestige state as those colors, how could I ignore that for a single field? Let's say for the 'name' field?

tomaoq · Accepted Answer · 2015-06-04 10:26:08Z

1

You can achieve that by adding a css class that disables styling on input fields that use it.

The :not() CSS pseudo-class is perfect for this use.

In CSS

...

input.ng-pristine:not(.no-change) {
    ...
}

...

The styling will only apply on elements that doesn't have the class no-change.

In HTML

<input id="name" ng-model="device.Name" type="text" class="form-control no-change">
<input id="description" ng-model="img.Description" type="text" class="form-control" />

answered Jun 4, 2015 at 10:26

tomaoq

3,0762 gold badges20 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Ignore Angular.JS form validation for a single input inside a form

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