Swift实现仅当所有文本框验证通过时启用登录按钮问题排查

看起来你的核心问题有两个：一是文本框的验证状态（红绿侧边标签）没有正确反映各自的输入情况，二是登录按钮的启用逻辑不够严谨，导致状态更新不符合预期。咱们一步步来修复：

核心问题拆解 #

1. 验证逻辑耦合：原来的代码里，只有当两个文本框同时满足条件时，才会给当前输入的文本框设绿色标签；只要有一个不满足，当前文本框就会被标红——这就会出现“邮箱输入正确，但因为密码为空，邮箱也被标红”的错误情况。
2. 状态更新不全面：每次输入只更新当前触发事件的文本框状态，另一个文本框的状态不会同步更新，导致状态显示滞后。

修复后的完整代码 #

import UIKit
import IQKeyboardManagerSwift

class SignInFormViewController: UIViewController , UITextFieldDelegate {

    @IBOutlet weak var forgotPasswordButton: UIButton!
    @IBOutlet weak var signInButton: UIButton!

    // Existing User
    @IBOutlet weak var existingEmailAddressTextField: UITextField!
    @IBOutlet weak var existingPasswordTextField: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        //Setting text fileds effect
        self.makeTextFiledEffect(textField: existingEmailAddressTextField, backColor: UIColor.red, borderColor: UIColor.lightGray)
        self.makeTextFiledEffect(textField: existingPasswordTextField, backColor: UIColor.red, borderColor: UIColor.lightGray)

        //Disable sing button by default
        signInButton.isEnabled = false
    }

    func makeTextFiledEffect(textField : UITextField, backColor : UIColor, borderColor : UIColor) {
        // 先移除旧的侧边标签
        textField.subviews.first(where: { $0.tag == 1000 })?.removeFromSuperview()
        
        let arrowView = UILabel(frame: CGRect(x:0, y: 0, width: 5, height: textField.frame.size.height))
        arrowView.tag = 1000
        arrowView.backgroundColor = backColor
        textField.changeDynamicBorderColor(borderColor: borderColor)
        textField.addSubview(arrowView)
    }
    
    // 新增：单独更新单个文本框的验证状态
    func updateTextFieldStatus(for textField: UITextField) {
        var isValid = false
        switch textField {
        case existingEmailAddressTextField:
            isValid = !(textField.text?.isEmpty ?? true) && validateEmail(textField.text ?? "")
        case existingPasswordTextField:
            isValid = !(textField.text?.isEmpty ?? true)
        default:
            break
        }
        let backColor = isValid ? UIColor.green : UIColor.red
        self.makeTextFiledEffect(textField: textField, backColor: backColor, borderColor: UIColor.lightGray)
    }

    @IBAction func validateTextField(_ sender: UITextField) {
        // 处理输入开头空格的逻辑
        if sender.text?.count == 1, sender.text?.first == " " {
            sender.text = ""
            return
        }
        
        // 每次输入后，同步更新两个文本框的状态
        updateTextFieldStatus(for: existingEmailAddressTextField)
        updateTextFieldStatus(for: existingPasswordTextField)
        
        // 统一判断所有条件是否满足，设置按钮状态
        let isEmailValid = !(existingEmailAddressTextField.text?.isEmpty ?? true) && validateEmail(existingEmailAddressTextField.text ?? "")
        let isPasswordValid = !(existingPasswordTextField.text?.isEmpty ?? true)
        signInButton.isEnabled = isEmailValid && isPasswordValid
    }
    
    @IBAction func signInButtonTapped(_ sender: UIButton) {
        print("Tapped")
    }

    func validateEmail(_ candidate: String) -> Bool {
        let emailRegex = "[A-Z0-9a-z._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,64}"
        return NSPredicate(format: "SELF MATCHES %@", emailRegex).evaluate(with: candidate)
    }
}

extension UITextField {
    func changeDynamicBorderColor(borderColor : UIColor){
        self.layer.borderColor = borderColor.cgColor
    }
    
    open override func draw(_ rect: CGRect) {
        self.layer.cornerRadius = 10.0
        self.layer.borderWidth = 1.0
        self.layer.masksToBounds = true
    }
}

关键修改说明 #

• 拆分验证逻辑：新增updateTextFieldStatus方法，单独判断每个文本框的有效性，确保每个文本框的侧边标签只反映自己的输入状态，不再受另一个文本框影响。
• 同步更新所有状态：每次输入触发事件时，强制更新两个文本框的状态，避免出现“一个文本框状态正确，另一个还是旧状态”的情况。
• 统一按钮状态判断：最后单独检查两个文本框的有效性，再决定是否启用登录按钮，逻辑更清晰，也避免了分支里重复设置按钮状态的问题。
• 优化旧标签移除：用first(where:)替代循环查找旧标签，代码更简洁高效。

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