flutter 是否可以在TextFormField之外显示验证错误消息

hs1ihplo  于 2023-02-20  发布在  Flutter
关注(0)|答案(1)|浏览(159)

当我点击登录界面中的提交按钮时,我试图在textformfield之外显示错误消息(显示简单的错误吐司)。
当前,错误显示在文本表单域底部,如下所示。

我尝试显示如下错误消息

当我点击登录界面中的提交按钮时,我试图在textformfield之外显示错误消息(显示简单的错误吐司)。当前错误显示在textformfield的底部。我试图在提示形式中显示错误消息。

mfuanj7w

mfuanj7w1#

首先,每个字段需要1个字符串

String nameError = '';

现在,您需要为此字段创建验证函数,如

void invalidName() {
    nameError = "Enter name";
}

现在你需要创建一个函数,你可以检查所有的验证

bool validateInput() {
    try {
      if (email.isNotEmpty) {
        return true;
      } else {
        if (nameController.text.isEmpty) { // Here check your controller value
          invalidName(); // here define validation error
          ...
          ...
        }
        return false;
      }
    } catch (e) {
      return false;
    }
  }

现在,您只需在按钮中调用validateInput()函数,如果它返回true,则调用您的API或其他内容,在吐司消息中显示错误

nameError == '' ? SizedBox() : FlutterToast(nameError)

相关问题