如何用RxSwift和RxCocoa实现按钮点击时的文本字段全量验证

Hey there! As someone who fumbled through RxSwift's learning curve early on, I totally get what you're trying to build here. Instead of validating each field as the user types (which your current code does), you want to trigger a full validation only when the button is tapped—then show alerts for errors or insert the record if everything checks out. Let's break this down step by step.

First, Define a Clear Validation Result Type #

Let's start with an enum to represent whether a field is valid or what error we need to show. This makes our code way more readable and scalable:

enum ValidationResult {
    case valid
    case invalid(message: String, field: UITextField?) // 关联字段，方便后续自动聚焦
}

Wrap Each Field's Validation in an Observable #

Next, create reusable validation observables for each text field. Using orEmpty eliminates the hassle of dealing with optional strings:

private func validateFirstName() -> Observable<ValidationResult> {
    return txtFname.rx.text.orEmpty
        .map { text in
            if text.isEmpty {
                return .invalid(message: "Please enter first name.", field: self.txtFname)
            }
            return .valid
        }
}

private func validateLastName() -> Observable<ValidationResult> {
    return txtLname.rx.text.orEmpty
        .map { text in
            if text.isEmpty {
                return .invalid(message: "Please enter last name.", field: self.txtLname)
            }
            return .valid
        }
}

Handle Button Tap with Combined Validation #

Now, we'll tie the button tap to triggering all validations at once. combineLatest lets us wait for all validation results to come in before deciding what to do next:

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 绑定按钮点击事件
    submitButton.rx.tap
        .flatMapLatest { [weak self] _ -> Observable<[ValidationResult]> in
            guard let self = self else { return .empty() }
            // 合并所有字段的验证Observable，等待全部结果返回
            return Observable.combineLatest(
                self.validateFirstName(),
                self.validateLastName()
                // 如果有更多字段，在这里添加对应的验证Observable即可
            )
        }
        .subscribe(onNext: { [weak self] results in
            guard let self = self else { return }
            
            // 找到第一个验证失败的结果，优先提示用户
            if let firstError = results.first(where: { result in
                switch result {
                case .invalid: return true
                case .valid: return false
                }
            }) {
                switch firstError {
                case .invalid(let message, let field):
                    self.showAlert(msg: message)
                    // 自动聚焦到有问题的输入框
                    field?.becomeFirstResponder()
                case .valid: break
                }
            } else {
                // 所有字段验证通过，执行数据库插入操作
                self.insertRecordIntoDatabase()
            }
        })
        .disposed(by: disposeBag)
}

Helper Methods for Alerts and Database Insert #

Here are simple implementations for the helper functions you'll need:

private func showAlert(msg: String) {
    let alert = UIAlertController(title: "Oops!", message: msg, preferredStyle: .alert)
    alert.addAction(UIAlertAction(title: "Got it", style: .default))
    present(alert, animated: true)
}

private func insertRecordIntoDatabase() {
    // 获取验证通过的字段值
    let firstName = txtFname.text ?? ""
    let lastName = txtLname.text ?? ""
    
    // 替换为你实际的数据库插入逻辑
    // 这里用成功提示弹窗做示例：
    let successAlert = UIAlertController(title: "Success!", message: "Record added to database.", preferredStyle: .alert)
    successAlert.addAction(UIAlertAction(title: "Great", style: .default))
    present(successAlert, animated: true)
}

Key Notes to Remember #

• 内存安全: 在闭包中一定要用[weak self]避免循环引用，这在RxSwift中是非常重要的细节！
• 可扩展性: 需要添加更多字段？只要新增对应的验证Observable，然后加入combineLatest列表即可。
• 用户体验: 只提示第一个错误并自动聚焦对应字段，比一次性弹出多个弹窗友好得多。

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