开发客户ID登录界面：输入单个数字后自动切换UITextField

没问题，我来帮你搞定这个客户ID登录界面的需求！以下是完整的实现方案，包含代码和关键细节：

核心是通过配置文本框属性、监听输入变化，实现自动跳转+数字输入限制的效果，具体分这几步：

• 给每个UITextField设置数字键盘、限制单字符输入、关闭自动修正等基础属性
• 让第一个文本框默认成为第一响应者，自动弹出数字键盘
• 监听文本变化事件，输入单个数字后自动跳转到下一个文本框；删除内容时自动退回上一个
• 通过代理方法严格限制仅能输入数字

首先补全你的IBOutlet声明（加上第四、第五个文本框）：

import UIKit

class ViewController: UIViewController {
    @IBOutlet weak var customerIdOne: UITextField!
    @IBOutlet weak var customerIdTwo: UITextField!
    @IBOutlet weak var customerIDThree: UITextField!
    @IBOutlet weak var customerIdFour: UITextField!
    @IBOutlet weak var customerIdFive: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 统一配置所有文本框属性
        setupTextField(customerIdOne)
        setupTextField(customerIdTwo)
        setupTextField(customerIDThree)
        setupTextField(customerIdFour)
        setupTextField(customerIdFive)
        
        // 让第一个文本框自动弹出数字键盘
        customerIdOne.becomeFirstResponder()
        
        // 可选：添加点击外部收起键盘的手势
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(dismissKeyboard))
        view.addGestureRecognizer(tapGesture)
    }
    
    // 封装文本框配置逻辑
    private func setupTextField(_ textField: UITextField) {
        textField.keyboardType = .numberPad // 弹出数字键盘
        textField.textContentType = .oneTimeCode // 优化键盘适配（可选）
        textField.autocorrectionType = .no // 关闭自动修正
        textField.autocapitalizationType = .none // 关闭自动大写
        textField.delegate = self // 设置代理
        // 监听文本变化事件
        textField.addTarget(self, action: #selector(textFieldDidChange(_:)), for: .editingChanged)
    }
    
    // 点击外部收起键盘
    @objc private func dismissKeyboard() {
        view.endEditing(true)
    }
}

// 实现UITextField代理与输入逻辑
extension ViewController: UITextFieldDelegate {
    // 限制仅能输入数字，且单文本框最多1个字符
    func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
        // 允许删除操作
        if string.isEmpty {
            return true
        }
        // 只接受数字输入，且当前文本长度小于1
        return CharacterSet.decimalDigits.isSuperset(of: CharacterSet(charactersIn: string)) && (textField.text?.count ?? 0) < 1
    }
    
    // 文本变化时处理跳转逻辑
    @objc private func textFieldDidChange(_ textField: UITextField) {
        guard let text = textField.text, text.count == 1 else {
            // 删除内容时跳回上一个文本框
            switch textField {
            case customerIdTwo: customerIdOne.becomeFirstResponder()
            case customerIDThree: customerIdTwo.becomeFirstResponder()
            case customerIdFour: customerIDThree.becomeFirstResponder()
            case customerIdFive: customerIdFour.becomeFirstResponder()
            default: break
            }
            return
        }
        
        // 输入完成后跳转到下一个文本框
        switch textField {
        case customerIdOne: customerIdTwo.becomeFirstResponder()
        case customerIdTwo: customerIDThree.becomeFirstResponder()
        case customerIDThree: customerIdFour.becomeFirstResponder()
        case customerIdFour: customerIdFive.becomeFirstResponder()
        case customerIdFive:
            // 最后一个输入完成，收起键盘并处理完整ID
            textField.resignFirstResponder()
            let fullCustomerId = "\(customerIdOne.text ?? "")\(customerIdTwo.text ?? "")\(customerIDThree.text ?? "")\(customerIdFour.text ?? "")\(customerIdFive.text ?? "")"
            print("完整客户ID：\(fullCustomerId)")
            // 这里可以添加验证/提交逻辑
        default: break
        }
    }
    
    // 处理键盘的Next键（可选，增强容错）
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        switch textField {
        case customerIdOne: customerIdTwo.becomeFirstResponder()
        case customerIdTwo: customerIDThree.becomeFirstResponder()
        case customerIDThree: customerIdFour.becomeFirstResponder()
        case customerIdFour: customerIdFive.becomeFirstResponder()
        case customerIdFive: textField.resignFirstResponder()
        default: textField.resignFirstResponder()
        }
        return true
    }
}

• 如果你用的是Storyboard/XIB，记得把所有UITextField的delegate关联到当前ViewController（或者直接通过代码里的textField.delegate = self设置）
• 代码里的customerIdFour和customerIdFive需要你在界面上添加对应的文本框并关联IBOutlet
• 最后一个文本框输入完成后，你可以替换print逻辑为实际的客户ID验证/提交操作

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