SwiftUI TextField十进制数字验证：如何确保输入非空且大于0？

问题根源 #

你当前用Double类型绑定TextField，当用户清空输入框时，NumberFormatter无法将空字符串解析为有效的Double值，会自动回退到之前的total值，导致无法检测到“空输入”状态，自然没法完成非空校验。

解决方案：改用字符串绑定+手动转换 #

核心思路是用字符串存储用户的原始输入，再手动处理字符串到Double的转换，既能保留空输入的状态，又能准确校验数值是否符合要求。

完整代码实现 #

import SwiftUI

struct ContentView: View {
    // 存储用户原始输入的字符串
    @State private var totalText = ""
    
    // 计算属性：将字符串转换为Double（空/无效输入时返回nil）
    private var totalValue: Double? {
        Double(totalText)
    }
    
    // 校验逻辑：非空且数值>0
    private var isValid: Bool {
        guard let value = totalValue else {
            // 空输入或无法解析为数字时返回false
            return false
        }
        return value > 0
    }
    
    var body: some View {
        VStack(spacing: 20) {
            TextField("Total", text: $totalText)
                .keyboardType(.decimalPad)
                .textFieldStyle(.roundedBorder)
                // 可选：过滤输入，只允许数字和单个小数点
                .onChange(of: totalText) { newValue in
                    let filtered = newValue.filter { char in
                        char.isNumber || char == "."
                    }
                    // 确保输入中只有一个小数点
                    if filtered.components(separatedBy: ".").count > 2 {
                        totalText = String(filtered.dropLast())
                    } else {
                        totalText = filtered
                    }
                }
            
            // 示例：根据校验状态控制按钮可用性
            Button("提交") {
                print("输入有效：\(isValid)，数值：\(totalValue ?? 0)")
            }
            .disabled(!isValid)
            .buttonStyle(.borderedProminent)
        }
        .padding()
    }
}

代码说明 #

• totalText：存储用户的原始输入，空输入时保持空字符串，不会自动回滚到之前的数值。
• totalValue：负责将输入字符串转换为Double，空输入或无效格式（比如多个小数点）时返回nil。
• isValid：先判断输入是否非空且能解析为有效数字，再检查数值是否大于0，完全覆盖你的校验需求。
• onChange回调：可选的输入过滤逻辑，避免用户输入非数字或多个小数点，提升输入体验。

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