如何在UITableView中处理UITextField错误并控制UILabel显隐

嘿，刚好我之前做过类似的表单验证需求，给你拆解下具体怎么实现这两个功能：

一、实现UITextField的错误验证逻辑 #

核心思路是用数据模型管理每个表单项的状态（输入值、是否合法、错误信息），结合TableView的Cell回调来实时验证，或者在提交时全局验证。

1. 定义表单数据模型 #

先创建一个结构体来封装每个表单项的信息，包括验证规则：

struct FormItem {
    var placeholder: String
    var inputValue: String = ""
    var isInputValid: Bool = true
    var errorMsg: String?
    // 验证闭包，传入输入文本，返回是否合法+错误信息
    let validationRule: (String) -> (Bool, String?)
}

2. 准备XIB自定义Cell #

• 在XIB里拖入UITextField和UILabel（错误提示用，默认设为隐藏），布局成TextField在上、Label在下的样式
• 创建对应的Cell类，关联控件，并给TextField添加输入监听：

class FormTextFieldCell: UITableViewCell {
    @IBOutlet weak var inputTextField: UITextField!
    @IBOutlet weak var errorLabel: UILabel!
    
    // 输入变化的回调，传给ViewController处理验证
    var textChangeHandler: ((String) -> Void)?
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // 监听输入实时变化，也可以用.editingDidEnd在编辑结束时验证
        inputTextField.addTarget(self, action: #selector(onTextChanged), for: .editingChanged)
        errorLabel.textColor = .systemRed
    }
    
    @objc private func onTextChanged() {
        textChangeHandler?(inputTextField.text ?? "")
    }
    
    // 配置Cell的方法，根据表单数据模型更新UI
    func setup(with item: FormItem) {
        inputTextField.placeholder = item.placeholder
        inputTextField.text = item.inputValue
        errorLabel.text = item.errorMsg
        // 关键：根据是否合法控制Label显示/隐藏
        errorLabel.isHidden = item.isInputValid
    }
}

3. ViewController中管理表单与TableView逻辑 #

• 先注册XIB到TableView：

override func viewDidLoad() {
    super.viewDidLoad()
    tableView.register(UINib(nibName: "FormTextFieldCell", bundle: nil), forCellReuseIdentifier: "FormTextFieldCell")
    // 开启自动行高，适配Label显示/隐藏后的高度变化
    tableView.rowHeight = UITableView.automaticDimension
    tableView.estimatedRowHeight = 80
}

• 初始化表单数据数组：

var formItems: [FormItem] = [
    FormItem(placeholder: "请输入用户名", validationRule: { text in
        if text.isEmpty {
            return (false, "用户名不能为空")
        } else if text.count < 3 {
            return (false, "用户名至少需要3个字符")
        }
        return (true, nil)
    }),
    FormItem(placeholder: "请输入邮箱", validationRule: { text in
        let emailPattern = "[A-Z0-9a-z._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,64}"
        if text.isEmpty {
            return (false, "邮箱不能为空")
        } else if !NSPredicate(format: "SELF MATCHES %@", emailPattern).evaluate(with: text) {
            return (false, "请输入正确的邮箱格式")
        }
        return (true, nil)
    })
]

• 实现TableView代理方法：

// 每个表单项对应一个section
func numberOfSections(in tableView: UITableView) -> Int {
    return formItems.count
}

// 每个section只显示一行Cell
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return 1
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "FormTextFieldCell", for: indexPath) as! FormTextFieldCell
    let currentItem = formItems[indexPath.section]
    cell.setup(with: currentItem)
    
    // 绑定输入回调，实时验证并更新数据模型
    cell.textChangeHandler = { [weak self] inputText in
        guard let self = self else { return }
        let (isValid, errorMsg) = self.formItems[indexPath.section].validationRule(inputText)
        // 更新数据模型
        self.formItems[indexPath.section].inputValue = inputText
        self.formItems[indexPath.section].isInputValid = isValid
        self.formItems[indexPath.section].errorMsg = errorMsg
        // 刷新当前Cell
        tableView.reloadRows(at: [indexPath], with: .automatic)
    }
    return cell
}

4. 提交时的全局验证 #

如果需要点击提交按钮后统一验证所有项，可以这么做：

@IBAction func submitBtnTapped(_ sender: UIButton) {
    var firstInvalidSection: Int?
    // 遍历所有表单项，更新验证状态
    for (section, var item) in formItems.enumerated() {
        let (isValid, errorMsg) = item.validationRule(item.inputValue)
        item.isInputValid = isValid
        item.errorMsg = errorMsg
        formItems[section] = item
        // 记录第一个不合法的项，方便滚动定位
        if !isValid && firstInvalidSection == nil {
            firstInvalidSection = section
        }
    }
    tableView.reloadData()
    
    if let invalidSection = firstInvalidSection {
        // 滚动到第一个错误项的位置
        let indexPath = IndexPath(section: invalidSection, row: 0)
        tableView.scrollToRow(at: indexPath, at: .top, animated: true)
        // 可以弹出提示告知用户有错误
    } else {
        // 所有项验证通过，处理提交逻辑
        print("表单验证通过，提交数据")
    }
}

二、控制UILabel显示/隐藏展示错误信息 #

其实上面的Cell配置方法里已经包含了核心逻辑，这里再强调几个关键点：

• Cell内部控制：在Cell的setup(with:)方法中，通过errorLabel.isHidden = item.isInputValid来控制显示——当输入合法时隐藏，不合法时显示错误信息
• 自适应Cell高度：一定要开启TableView的自动行高（tableView.rowHeight = UITableView.automaticDimension），同时给Cell的Label设置正确的布局约束（Label的bottom和contentView的bottom绑定），这样Label隐藏时Cell会自动缩小高度，避免多余的空白
• 样式优化：可以给错误Label设置红色字体，换行显示（numberOfLines = 0），提升用户体验

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