美文网首页
flutter 输入框禁止输入特殊字符

flutter 输入框禁止输入特殊字符

作者: Victory_886 | 来源:发表于2023-11-06 11:14 被阅读0次

测试反馈输入框不允许输入特殊字符,于是我就想怎么处理,慢慢写下了以下代码


final MyInputFormatter _inputFormatter = MyInputFormatter();

// ...

Container(
  child: TextField(
        controller: insAccountController,
        inputFormatters: [_inputFormatter],
     ), 
),


class MyInputFormatter extends FilteringTextInputFormatter {
  MyInputFormatter() : super.allow(RegExp(r'^[a-zA-Z0-9_.]+$'));

  @override
  TextEditingValue formatEditUpdate(
      TextEditingValue oldValue, TextEditingValue newValue) {

    final filteredText =
        newValue.text.replaceAll(RegExp(r'[^a-zA-Z0-9_.]+'), '');


    if (filteredText != newValue.text) {
      return TextEditingValue(
        text: filteredText,
        selection: TextSelection.collapsed(offset: filteredText.length),
      );
    }

    return newValue;
  }
}

相关文章

  • 输入框校验点

    输入框内容校验:输入英文,特殊字符(~!@#¥%……&*?[]{},在输入框,禁止直接输入特殊字符时,使用“粘贴、...

  • 输入框禁止输入特殊字符

    在线调试 主要思路 获取当前input的值 拿到当前值的最后一位字符 正则匹配最后一位字符是否是特殊字符,并截取。...

  • 测试理论--web测试方法总结

    一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%…...

  • 测试总结-web测试方法总结

    一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%…...

  • 【转】web测试方法总结

    一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%…...

  • WEB端测试要点

    一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@# ¥%...

  • web测试方法总结[转载]

    一、输入框 1、字符型输入框: (1)字符型输入框: 英文全角、英文半角、数字、空或者空格、特殊字符~!@#¥%…...

  • web测试总结

    一、输入框1、字符型输入框:(1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%……&...

  • Web常见测试用例

    一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%…...

  • web测试要点总结

    一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%…...

网友评论

      本文标题:flutter 输入框禁止输入特殊字符

      本文链接:https://www.haomeiwen.com/subject/esntwdtx.html