Flutter 金钱输入框,时时判断输入内容符合金额形式

在Flutter开发中,为了确保支付或提现功能的输入正确,通常需要验证输入框的金额格式。通过正则表达式限制输入内容为数字和最多两位小数,避免无效的输入如.000或1.0000。以下是一种实现方式,通过过滤和判断,完成金额输入的限制。若需查看完整内容,可参考相关博客。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在开发过程中,涉及到支付或者提现等功能,我们都会对输入框里的内容进行处理,判断输入的内容是否符合金额形式,如果不符合我们要根据输入的内容作出相应的判断,例如禁止继续输入或弹出提示框告诉金额形式输入有误等。

下面就是一位博主写的方法,大家可以参考,如果对原文感兴趣可以点击flutter-TextField文本输入框 限制 数字键盘、输入小数点后两位看一下。

首先就是最关键的输入框的内容限制,例如只能输入数字和小数点,所以这里坐着使用了正则表达式进行可非常好的限制。

FilteringTextInputFormatter(RegExp("[0-9.]"), allow: true),

输入内容进行了件大的过滤,剩下就是具体的内容的 判断和限制,例如:.000、1.0000等都是不被允许的。

所以就有了下面的处理

import 'package:flutter/services.dart';

class CustomTextFieldFormatter extends TextInputFormatter {

  static const defaultDouble = 0.001;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王 哪跑!!!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值