CODEWITHSUNDEEP
iosswift2xcode7
HixField
HixField

Reputation: 3776

Force a UITextField to lowercase while typing and retaining cursor position

(programming in swift 2)

I have a UITextField that when the user types into it should be automatically converted to lower case WHILE typing (so NOT after form validation).

I have gotten this far:

func textField(textField: UITextField, shouldChangeCharactersInRange range: NSRange, replacementString string: String) -> Bool {
    //only convert to lowercase for username field
    if textField == textFieldUsername {
        //let stringRange = NSRange(location: range.location, length: range.length)
        let completedString = (textField.text ?? "" as NSString).stringByReplacingCharactersInRange(range, withString: string)
        //convert the while thing to lowercase and assign back to the textfield
        textField.text = completedString.lowercaseString
        //return false to indicate that the "system" itself should not do anychanges anymore, as we did them
        return false
    }
    //return to the "system" that it can do the changes itself
    return true
}

Problem is that (1)when the user presses and holds on the UITextField to (2)move the cursor to somewhere halfway inside the string and (3)start typing that (4)the cursor jumps back to the end of the already inputted string.

Does the cursor position needs to be restored after textField: shouldChangeCharactersInRange is called maybe?

Upvotes: 5

Views: 2691

Answers (4)

Kevin ABRIOUX
Kevin ABRIOUX

Reputation: 17695

A solution if you are using RxSwift 4.0 :

Just call this : 

emailField.rx.controlEvent(.editingChanged)
    .asObservable()
    .subscribe(self.onEditingChanged)
    .disposed(by: self.disposeBag)

With this callback :

private func onEditingChanged(event : Event<Void>){
    self.emailField.text = self.emailField.text?.lowercased()
}

Upvotes: 1

Eli Burke
Eli Burke

Reputation: 2789

Swift 4

lowercaseString has changed to lowercased(). Also you can do this via target action instead of NotificationCenter if you prefer.

@IBOutlet fileprivate weak var textField: UITextField!

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    textField.addTarget(self, action: #selector(textFieldDidChange), for: .editingChanged)
}

@objc func textFieldDidChange(textField: UITextField) {
    textField.text = textField.text?.lowercased()
}

Upvotes: 6

Pradeep K
Pradeep K

Reputation: 3661

Easier method is this.

  1. Register for the UITextFieldTextDidChangeNotification

    NSNotificationCenter.defaultCenter().addObserver(self, selector: "textFieldDidChange:", name: UITextFieldTextDidChangeNotification, object: textField)

  2. Change the case in the notification callback.

    func textFieldDidChange(notification:NSNotification) { textField.text = textField.text?.lowercaseString }

Upvotes: 3

UIResponder
UIResponder

Reputation: 983

I have taken your code and tried this.

I can replace the cursor position wherever the text is changed.

func textField(textField: UITextField, shouldChangeCharactersInRange range: NSRange, replacementString string: String) -> Bool {

    let start = textField.positionFromPosition(textField.beginningOfDocument, offset:range.location)

    let cursorOffset = textField.offsetFromPosition(textField.beginningOfDocument, toPosition:start!) + string.characters.count


    textField.text = (textField.text! as NSString).stringByReplacingCharactersInRange(range, withString: string).lowercaseString

    let newCursorPosition = textField.positionFromPosition(textField.beginningOfDocument, offset:cursorOffset)

    let newSelectedRange = textField.textRangeFromPosition(newCursorPosition!, toPosition:newCursorPosition!)

    textField.selectedTextRange = newSelectedRange

    return false
}

Upvotes: 4

Related Questions