如何在Flutter表单提交时将未验证字段名称加入错误提示？

要在SnackBar中显示未填写的必填字段名称，你可以通过遍历表单字段、收集验证失败的字段名称来实现，具体步骤如下：

1. 改造提交函数 #

移除重复的validate()调用，改为一次性验证后收集错误字段：

void _submit() {
  final formState = _formKey.currentState;
  if (formState.validate()) {
    _save();
    formState.save();
  } else {
    // 收集所有验证失败的必填字段名称
    List<String> missingFields = [];
    for (var field in formState.fields) {
      // 获取字段的显示名称（从TextFormField的labelText中读取）
      if (field.errorText != null) {
        TextFormField textField = field.widget as TextFormField;
        String fieldName = textField.decoration.labelText ?? '未知字段';
        missingFields.add(fieldName);
      }
    }
    // 拼接提示文本
    String tipText = '请填写以下必填字段：${missingFields.join('、')}';
    _scaffoldKey.currentState.showSnackBar(
      SnackBar(content: Text(tipText)),
    );
    return;
  }
}

2. 代码逻辑说明 #

• 先获取表单状态对象formState，避免重复调用_formKey.currentState
• 调用validate()触发所有字段的验证规则，此时验证失败的字段会被设置errorText
• 遍历表单的所有字段，筛选出有errorText的字段，提取其labelText（也就是用户看到的本地化字段名称）
• 将收集到的字段名称用顿号拼接，生成最终的提示文本并显示在SnackBar中

3. 注意事项 #

• 如果你不想用labelText作为字段名称，可以给每个TextFormField添加自定义标识（比如通过Key），再根据标识匹配对应的本地化名称
• 确保所有必填字段的validator在为空时返回了错误信息（如你代码中的requiredField），这样才能被正确收集

内容的提问来源于stack exchange，提问作者Namarig Wahbi