How can I run validation when my users exit textField in compose?

Question

I have a function that will check if my textField has any issues

fun hasError(textFieldLabel: String):Boolean{}

I want this function to run only when the user has finished entering text. When the user exists the text field, we assume they're finished and I run hasError() on that field

Here is what didn't work for me

val focusManager = LocalFocusManager.current focusManager.moveFocus(FocusDirection.Next)

FocusDirection.Next Only moves the focus when you decide its appropriate, but doesn't listen when the user decides to move from one field to another

Modifier.onFocusChanged{} This doesn't work because it triggers when the page loads, and calls hasError(), leaving all my textFields in an error state

I want to trigger hasError when the user exits a text field

score 1 · Answer 1 · answered Apr 10 '23 at 09:18

1

You can validate TextField on exit by using onFocusChanged event of Modifier

modifier = Modifier
        .onFocusChanged {focusState ->
            if (!focusState.isFocused)
                //Perform validation here
        }

answered Apr 10 '23 at 09:18

Murat Uygar

529
6
10

This is under the things that didn't work – gmate Apr 17 '23 at 19:33

score 0 · Answer 2 · answered Jan 20 '23 at 21:36

0

You can simple listene for edit text change value. onValueChange is called when the text is changed and the text is finished,

answered Jan 20 '23 at 21:36

Muhammad Umair Ahmad Khan

1
2

On value changed is not listening for when the user exits the field. You're missing the point entirely. I'm not looking to keep the error state as the user is typing – gmate Jan 20 '23 at 21:40

How can I run validation when my users exit textField in compose?

2 Answers2