UIAlertController with UITextField and Two Buttons

UIAlertController with UITextField and Two Buttons

In this short Swift code example we will create an Alert dialog message with Ok and Cancel buttons as well as one UITextField to let user input their ID.

• Create UIAlertController
• Create OK and Cancel buttons with Action handlers
• Add UITextField to UIAlertController
• Handle OK button action to display text user has entered into UITextField

Example:

1. import UIKit
2. class ViewController: UIViewController, UITextFieldDelegate  {
3. override func viewDidLoad() {
4.     super.viewDidLoad()
6. var userIdTextField: UITextField?
7. 
   
8.     // Declare Alert message
9.     let dialogMessage = UIAlertController(title: "Alert Title", message: "Please provide your ID", preferredStyle: .alert)
10.     
11.     // Create OK button with action handler
12.     let ok = UIAlertAction(title: "OK", style: .default, handler: { (action) -> Void in
13.         print("Ok button tapped")
14.         
15.         if let userInput = userIdTextField!.text {
16.             print("User entered \(userInput)")
17.         }
18.     })
19.     
20.     // Create Cancel button with action handlder
21.     let cancel = UIAlertAction(title: "Cancel", style: .cancel) { (action) -> Void in
22.         print("Cancel button tapped")
23.     }
24.     
25.     //Add OK and Cancel button to dialog message
26.     dialogMessage.addAction(ok)
27.     dialogMessage.addAction(cancel)
28.     
29.     // Add Input TextField to dialog message
30.     dialogMessage.addTextField { (textField) -> Void in
31.         
32.         userIdTextField = textField
33.         userIdTextField?.placeholder = "Type in your ID"
34.     }
35.     
36.     // Present dialog message to user
37.     self.present(dialogMessage, animated: true, completion: nil)
38. }
39. }