How to disable input form validation

Ionic Framework ionic-v3
1

Hi everyone,

How do I disable the form validation in the input?

With the beta 8 update, a colored bar appeared at the bottom of the input.

I wish to remove it.

Thanks in advance

2

Resolved this myself.

The bar can be removed using the following css

.item-input::after {
border-bottom-color: transparent !important;
}

3

I disabled here using:

.item-input.ng-valid.input-has-value::after{ border-bottom-color: transparent; }

Now, my form works perfectly! :slight_smile:

4

doesnt work for me. did something change by now?

EDIT:
.item-inner {
border-bottom-color: transparent !important;
box-shadow: none !important;
}

works…

11 Likes
5

Yes the answer from cklaffer works for me too!

6

I have also added ion-item selector. Password inputs still show the color bar if not included.

.item-inner, ion-item {
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}
13 Likes
7

thanks , it’s working

8

Yes, this is the answer. Thanks

9

its work bro. thanks a lot

10

This solution is perfect !!!

11

None of this worked for me in Ionic v4, but I managed to make it work with this:

.item-interactive {
  --highlight-background: transparent !important;
}

this will disable the feedback (valid or invalid)

1 Like