Remove error message in TextFormField in Flutter

Question

Hi I want to remove error message caused by validator in TextFormField widget after I submit a form in flutter. Ps : I want the error message disappeared after I select again the TextFormField to write into it again.

            TextFormField(
                controller: _emailController,
                keyboardType: TextInputType.emailAddress,
                textInputAction: TextInputAction.next,
                validator: (value) {
                  if (value == null ||
                      value.isEmpty ||
                      !EmailValidator.validate(value)) {
                    return nullEmailMsg;
                  }
                  return null;
                },
                decoration: InputDecoration(
                  hintText: emailHint,
                  prefixIcon: Icon(Icons.mail),
                  border: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(10),
                  ),
                ),
              ),

user_6769331 · Answer

If you put your TextFormField inside a Form with the property autovalidateMode: AutovalidateMode.onUserInteraction, the validation function should trigger when you select again or change the text.

If the validation function is satisfied, the error message will be removed.

user_14610731 · Answer

You have to use the autoValidateMode method in TextFormField.

Here, is the some of the reference: https://api.flutter.dev/flutter/widgets/AutovalidateMode-class.html

Remove error message in TextFormField in Flutter

2 Answers