如何验证Flutter的TextFormField，禁止空格以确保用户名单字入库

你可以通过在validator回调里添加空格检查逻辑，确保输入的用户名是单个单词（不含任何空格）。下面是两种实现方式，同时修正了你代码里的拼写错误（passord id改为正确表述）：

方式1：简单检查是否包含空格 #

直接判断输入内容里是否存在空格字符：

TextFormField(
  controller: usernameController,
  validator: (value) {
    if (value!.isEmpty) {
      return '用户名不能为空';
    }
    if (value.length <= 4) {
      return '用户名长度不能少于4个字符';
    }
    // 新增：检查是否包含空格
    if (value.contains(' ')) {
      return '用户名不能包含空格，请输入单个单词';
    }
    return null;
  },
  decoration: const InputDecoration(
      hintText: 'username',
      border: OutlineInputBorder(
          borderSide: BorderSide(color: Colors.black))),
),

方式2：正则表达式检查所有空白字符 #

如果要严格限制（禁止空格、制表符等所有空白字符），可以用正则表达式：

TextFormField(
  controller: usernameController,
  validator: (value) {
    if (value!.isEmpty) {
      return '用户名不能为空';
    }
    if (value.length <= 4) {
      return '用户名长度不能少于4个字符';
    }
    // 正则匹配任何空白字符（空格、制表符等）
    if (RegExp(r'\s').hasMatch(value)) {
      return '用户名不能包含空白字符，请输入单个单词';
    }
    return null;
  },
  decoration: const InputDecoration(
      hintText: 'username',
      border: OutlineInputBorder(
          borderSide: BorderSide(color: Colors.black))),
),

额外优化：输入阶段直接禁止空格 #

如果想从输入源头阻止用户输入空格，可以添加inputFormatters参数，配合FilteringTextInputFormatter过滤空格：

TextFormField(
  controller: usernameController,
  // 新增：输入时直接禁止所有空白字符
  inputFormatters: [FilteringTextInputFormatter.deny(RegExp(r'\s'))],
  validator: (value) {
    if (value!.isEmpty) {
      return '用户名不能为空';
    }
    if (value.length <= 4) {
      return '用户名长度不能少于4个字符';
    }
    return null;
  },
  decoration: const InputDecoration(
      hintText: 'username',
      border: OutlineInputBorder(
          borderSide: BorderSide(color: Colors.black))),
),

这样用户无法输入任何空白字符，配合validator双重校验，就能确保存入数据库的用户名是单个单词。

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