flutter 输入框限制输入数字、小数

喜欢ヅ旅行 2023-10-07 17:09 29阅读 0赞

更多Widget 的应用，小编已总结在书中

*  [手机点击查看][Link 1]
 *  [电脑点击查看][Link 2]  
    ![请添加图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16]

使用正则过滤的方式来限制

新版方法

import 'package:flutter/material.dart';
    import 'package:flutter/services.dart';
    
     TextField(
        //只允许输入小数
          inputFormatters: [
           FilteringTextInputFormatter.allow(RegExp("[0-9.]")),
          ],
       ),

旧版方法

import 'package:flutter/material.dart';
    import 'package:flutter/services.dart';
     TextField(
        //只允许输入字母
          inputFormatters: [
            WhitelistingTextInputFormatter(RegExp("[a-zA-Z]")),
          ],
       ),
       //只允许输入数字
        TextField(
          inputFormatters: [WhitelistingTextInputFormatter.digitsOnly],
       ),
       //只允许输入小数
       TextField(
         inputFormatters: [
           WhitelistingTextInputFormatter(RegExp("[0-9.]")),
         ],
       ）

[Link 1]: https://m.tb.cn/h.f6IsZcl?sm=b5555a
[Link 2]: https://detail.tmall.com/item.htm?id=658886049139
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/ed9ecf4aacc84e5cb17d5b486e431083.jpg?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5pep6LW355qE5bm06L275Lq6,size_20,color_FFFFFF,t_70,g_se,x_16

发表评论取消回复

表情：

评论列表（有 0 条评论，29人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flutter 限制输入框只允许输入数字或者金额的格式，及常用的自定义输入框TextInputFormatter

创建一个CustomFilteringTextInputFormatter文件，用于统一调用自定义的TextInputFormatter,方便以后用到什么再扩充。完整代码放到最

阳光穿透心脏的1/2处/ 2024年03月17日 19:19/ 0 赞/ 57 阅读

相关限制 input 输入框只能输入纯数字

限制 input 输入框只能输入纯数字 1、onkeyup = "value=value.replace(/\[^\\d\]/g,'')" 使用 onkeyup 事件，有

梦里梦外;/ 2023年10月09日 12:42/ 0 赞/ 91 阅读

相关 flutter 输入框限制输入数字、小数

更多Widget 的应用，小编已总结在书中 [手机点击查看][Link 1] [电脑点击查看][Link 2] ![请添加图片描述][watermar

喜欢ヅ旅行/ 2023年10月07日 17:09/ 0 赞/ 30 阅读

相关 EasyUI Numberbox 数字框使用（限制仅输入数字）

1 限制仅输入数字（HTML代码实现） <input type="text" id="text1" class="easyui-numberbox" value=

小灰灰/ 2023年10月05日 14:01/ 0 赞/ 32 阅读

相关输入框限制规则只能输入数字只能输入字母数字等等

输入大小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^\w_

超、凢脫俗/ 2022年11月17日 10:21/ 0 赞/ 310 阅读

相关输入框限制

Web 前端项目，经常会遇到输入控件只能输入汉字，字母或者数字等等，本文介绍了一种简单的方法。比如只能输入字母，则在你输入的时候进行判断，如果你输入的是数字，则会把数字自动的替

冷不防/ 2022年07月16日 00:48/ 0 赞/ 224 阅读

相关 js、正则限制input输入框只能输入数字或者小数

//限制输入框只能输入小数 function inputDecimalRegEx(obj) { var reg = /[^(\d||/.)]/

我会带着你远行/ 2022年06月11日 08:45/ 0 赞/ 693 阅读

相关输入框限制输入两位小数

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] HTML: <input type="number" name="price

我不是女神ヾ/ 2022年01月15日 10:19/ 0 赞/ 345 阅读

相关输入框输入字符限制

这里以数字框为例，只允许输入数字（输入限制，粘帖限制，输入法限制） <input type="text" name="Number" onKeyPress="Numbe

男娘i/ 2022年01月10日 23:43/ 0 赞/ 414 阅读

相关 input输入框只能输入数字、小数及负数

使用js控制input输入框只能输入数字、小数及负数，通过监听键盘事件触发js方法实现。代码如下： //input框 <input type="text

刺骨的言语ヽ痛彻心扉/ 2021年06月24日 16:09/ 1 赞/ 1625 阅读