UITextField: Password Implementation

Question

I have a OTP Screen, where I have to enter the OTP in 4 digit password in 4 Diff TextFields, The scenario is like this :

A max character limit for each textfield is 1 and when the user enters a character in textfield it should move to next TextField.
When the user clicks on back space, it should take back to previous textfield inorder to make the changes.

I have managed the working up to 70% but back space works only when the user enters all the textField. I'm pasting out my code.

- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string
{
    // This allows numeric text only, but also backspace for deletes
    if (string.length > 0 && ![[NSScanner scannerWithString:string] scanInt:NULL])
        return NO;

    NSUInteger oldLength = [textField.text length];
    NSUInteger replacementLength = [string length];
    NSUInteger rangeLength = range.length;

    NSUInteger newLength = oldLength - rangeLength + replacementLength;

    // This 'tabs' to next field when entering digits
    if (newLength == 1) {
        if (textField == _pin1)
        {
            [self performSelector:@selector(setNextResponder:) withObject:_pin2 afterDelay:0];
        }
        else if (textField ==_pin2)
        {
            [self performSelector:@selector(setNextResponder:) withObject:_pin3 afterDelay:0];
        }
        else if (textField == _pin3)
        {
            [self performSelector:@selector(setNextResponder:) withObject:_pin4 afterDelay:0];
        }
    }
    //this goes to previous field as you backspace through them, so you don't have to tap into them individually
    else if (oldLength > 0 && newLength == 0) {
        if (textField ==_pin4)
        {
            [self performSelector:@selector(setNextResponder:) withObject:_pin3 afterDelay:0];
        }
        else if (textField == _pin3)
        {
            [self performSelector:@selector(setNextResponder:) withObject:_pin2 afterDelay:0];
        }
        else if (textField == _pin2)
        {
            [self performSelector:@selector(setNextResponder:) withObject:_pin1 afterDelay:0];
        }
    }        
    return newLength <= 1;
}

- (void)setNextResponder:(UITextField *)nextResponder
{
    [nextResponder becomeFirstResponder];
}

working:

isn't the passcode should be masked ? – Teja Nandamuri Apr 27 '16 at 16:12 — Teja Nandamuri, Apr 27 '16 at 16:12

Nimit Parekh · Accepted Answer · 2016-04-28T07:43:56.093

7

Need to give tag into UITextView in StoryBoard.

Like textField1 = 101,textField2 = 102,textField3 = 103,textField4 = 104

Put following code into your viewcontroller.

- (BOOL)keyboardInputShouldDelete:(UITextField *)textField {
    BOOL shouldDelete = YES;

    if ([textField.text length] == 0 && [textField.text isEqualToString:@""]) {
        long tagValue = textField.tag - 1;
        UITextField *txtField = (UITextField*) [self.view viewWithTag:tagValue];

        [txtField becomeFirstResponder];
    }
    return shouldDelete;
}

Following code for the next UItextField Focus.

- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string
{
    // This allows numeric text only, but also backspace for deletes
    if (string.length > 0 && ![[NSScanner scannerWithString:string] scanInt:NULL])
        return NO;

    if ([textField.text length] == 0) {
        [self performSelector:@selector(changeTextFieldFocusToNextTextField:) withObject:textField afterDelay:0.3];
    }

    return YES;
}

-(void)changeTextFieldFocusToNextTextField:(UITextField*)textField{
    long tagValue = textField.tag + 1;
    UITextField *txtField = (UITextField*) [self.view viewWithTag:tagValue];
    [txtField becomeFirstResponder];
}

Sample Output

Grab the solution demo project

edited Apr 28 '16 at 07:43

answered Apr 27 '16 at 15:09

Nimit Parekh

16,776
8
50
72

Can you pls send me the entire code by adding in the project in dropbox link ?? Pls... Because I have few doubts @ nimit – Deepakraj Murugesan Apr 27 '16 at 17:36
Because your function is not called when I type a text inside the textfield so it will be a great help if you share your entire code of this project.. @Nimit Parekh – Deepakraj Murugesan Apr 27 '16 at 17:49
Thankew so much @Nimit.. Waiting for it – Deepakraj Murugesan Apr 28 '16 at 06:11
1

@Dpak you can find whole solution from here.https://drive.google.com/open?id=0BxVigM97JuzCM0p4eF9kV0tLeGs – Nimit Parekh Apr 28 '16 at 07:44
@Hasya Thank you so much – Nimit Parekh Apr 28 '16 at 08:25
Thankew so much bro !! You saved my day !! @nimit – Deepakraj Murugesan Apr 28 '16 at 08:31

score 2 · Answer 2 · edited May 23 '17 at 12:31

The reason is when UITextField is empty it won't detect the backspace event.

So to detect backspace event in this situation, you have to Subclass the UITextField and override the deleteBackward method.

Verify the following link for more details.

Detect backspace in UITextField

EDIT: Code added.

-Subclass the all the 4 UITextfield with following class.

@protocol MyTextFieldDelegate <NSObject>
@optional
- (void)textFieldDidDelete:(UITextField *)textField;
@end

@interface MyTextField : UITextField<UIKeyInput>

@property (nonatomic, assign) id<MyTextFieldDelegate> myDelegate;
@end

@implementation MyTextField

- (void)deleteBackward {
    [super deleteBackward];

    if ([_myDelegate respondsToSelector:@selector(textFieldDidDelete:)]){
        [_myDelegate textFieldDidDelete:self];
    }
}

@end

-Set delegate to self for all UITextFields and adopt MyTextFieldDelegate protocol in the class

  _pin1.myDelegate=self;
  _pin2.myDelegate=self;
  _pin3.myDelegate=self;
  _pin4.myDelegate=self;

-Now implement textFieldDidDelete method as follows

- (void)textFieldDidDelete:(UITextField *)textField {
    if (textField ==_pin4)
    {
        [self performSelector:@selector(setNextResponder:) withObject:_pin3 afterDelay:0];
    }
    else if (textField == _pin3)
    {
        [self performSelector:@selector(setNextResponder:) withObject:_pin2 afterDelay:0];
    }
    else if (textField == _pin2)
    {
        [self performSelector:@selector(setNextResponder:) withObject:_pin1 afterDelay:0];
    }
}

Hope this helps.

@SuryaSubenthiran have you tried this code posted in your answer. it's not detect when `UITextField` is empty. — Nimit Parekh, Apr 27 '16 at 14:39
@NimitParekh. I tried. it works fine. deleteBackward method called even if textfield is empty. — Surya Subenthiran, Apr 27 '16 at 14:46
@SuryaSubenthiran here problem not for next `UITextField` but issue is for previous `UITextField`. — Nimit Parekh, Apr 27 '16 at 14:55
@NimitParekh. If you look at the gif clearly you can find the problem. The backspace works for the final text field because it contains text. but other text fields it's empty. For empty text field if you press backspace it won't call shouldChangeCharactersInRange method. — Surya Subenthiran, Apr 27 '16 at 15:00

score 0 · Answer 3 · answered Jun 28 '17 at 06:20

For Swift 3.x

class CodeConfirmController:ViewController,UITextFieldDelegate{

@IBOutlet weak var digitNum1: UITextField!
    @IBOutlet weak var digitNum2: UITextField!
    @IBOutlet weak var digitNum3: UITextField!
    @IBOutlet weak var digitNum4: UITextField!

 override func viewDidLoad() {
        digitNum1.delegate = self
        digitNum2.delegate = self
        digitNum3.delegate = self
        digitNum4.delegate = self
    }

    func keyboardInputShouldDelete(_ textField: UITextField) -> Bool {
        let shouldDelete: Bool = true
        if textField.text?.characters.count == 0 && (textField.text == "") {
            let tagValue: Int = textField.tag - 1
            let txtField: UITextField? = (view.viewWithTag(tagValue) as? UITextField)
            txtField?.becomeFirstResponder()
        }
        return shouldDelete
    }

    func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
        // This allows numeric text only, but also backspace for deletes
        if (string.characters.count ) > 0 && !Scanner(string: string).scanInt32(nil) {
            return false
        }
        if textField.text?.characters.count == 0 {
            perform(#selector(self.changeTextFieldFocus(toNextTextField:)), with: textField, afterDelay: 0.1)
        }
        return true
    }

    func changeTextFieldFocus(toNextTextField textField: UITextField) {
        let tagValue: Int = textField.tag + 1
        let txtField: UITextField? = (view.viewWithTag(tagValue) as? UITextField)
        txtField?.becomeFirstResponder()
    }
}

UITextField: Password Implementation

3 Answers3