How to apply success/positive state to q-field upon validation being correct?

  • When the validation fails on an input field, the input gets a nice red border and the red error message is displayed below. I notice if you change the text-negative to text-positive on div.q-field__control, the red border gets changed to green.

    Is there anyway to automatically apply this state to the field/input/div automatically when all the validation rules pass?

  • I’d just load a green checkmark icon or something like that. But for sure, with style attribute and a smart computed property, you can also do a lot.


Log in to reply