I am playing around with validation. When setting the validationStatus to INVALID on a text, the enc...

# kvision

[jschneider]

I am playing around with validation. When setting the validationStatus to INVALID on a text, the enclosing div is updated with the css class "text-danger".
When I reset the validation status to "VALID" the css class is not removed.
Any idea what I might miss?

[Robert Jaros]

Works for me. Tested with:

val text = text()
            button("invalid").onClick {
                text.validationStatus = ValidationStatus.INVALID
            }
            button("valid").onClick {
                text.validationStatus = ValidationStatus.VALID
            }
            button("normal").onClick {
                text.validationStatus = null
            }

[Robert Jaros]

But you are probably doing something else, because there is no 'text-danger' class with this.

[Robert Jaros]

This adds text-danger class but works for me as well:

val text = text()
            button("error").onClick {
                text.validatorError = "error message"
            }
            button("normal").onClick {
                text.validatorError = null
            }

[jschneider]

Only happens with a label and a validationError set

val text = text().apply{
              label = "daLabel"
            }

            button("invalid").onClick {
              text.validationStatus = ValidationStatus.INVALID
              text.validatorError = "Not a number!"
            }
            button("valid").onClick {
              text.validationStatus = ValidationStatus.VALID
            }
            button("normal").onClick {
              text.validationStatus = null
            }

[jschneider]

Resetting the validationError removes the class

[jschneider]

Ok, the state "validationStatus = VALID" and "validationError != null" doesn't make too much sense.
But maybe bind the danger-text to "validationStatus" instead of "validationError"?

[jschneider]

This might be better in cases where no validation error is set

[Robert Jaros]

validationStatus is a property of input controls (e.g. TextInput), which don't contain labels and error messages. It's marked with border color only. validatorError, on the other hand, is a property of form controls (e.g. Text) which have labels and error messages. So if you want to show error text for form control use validatorError (it sets validationStatus automatically on the inner input). If you just want colored border use validationStatus (it's available for both types of control).