iOS开发实用--textfield格式化输入

在开发过程中，用到textField控件，往往需要用户输入手机号银行卡。然而产品经理最多事，非得给你增加难度。手机号必须第三位和第七位后边加入一个空格或者"-"。做成形如138-8888-8888的形势，同理，银行卡输入也必须是6214 8888 8888 8888的形势。好多人看到可能会说，这个简单啊，我有三种方式来解决：1.实现delegate的-(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string方法，2.添加target selector事件的方法，3.KVO的方法。这样每次输入操作都会被监听到，然后在指定的位后边添加空格不就行了吗？然而情况其实并没有开起来那么简单。

一、问题引入

拿手机号码格式化来说。设置textField的text在第三位和第八位后添加一个空格。这个在顺序输入的时候完全没有问题，但是删除呢？问题来了：1.删除的时候就需要多删除一个空格；2.从中间删去空格，剩下了非格式化的字符串。对于第一个问题同样可以检测删除的时候把空格删除；对于第二个问题，可以每次都格式化一下剩余字符串然后重新赋值给textField的text。看似完美解决了问题，自测也没有问题啊。但是也许等到产品上线后才发现，为什么我修改中间几位的时候，光标会直接跳到最后。是的，直接赋值textField的text会让光标跳转到最后。这样的体验很不好。经过一段时间的小研究，小编我研究出了一个解决方案，特此给大家奇文共赏一下。

二、实现思路

直接上代码（明眼人可能一下就明白了）

-(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string
{
  NSLog(@"%@",NSStringFromRange(range));
    if (textField) {
        NSString* text = textField.text;
                        //删除
        if([string isEqualToString:@""]){
            
                //删除一位
            if(range.length == 1){
                    //最后一位,遇到空格则多删除一次
                if (range.location == text.length-1 ) {
                    if ([text characterAtIndex:text.length-1] == ' ') {
                        [textField deleteBackward];
                    }
                    return YES;
                }
                    //从中间删除
                else{
                    NSInteger offset = range.location;

                    if (range.location < text.length && [text characterAtIndex:range.location] == ' ' && [textField.selectedTextRange isEmpty]) {
                        [textField deleteBackward];
                        offset --;
                    }
                    [textField deleteBackward];
                    textField.text = [self parseString:textField.text];
                    UITextPosition *newPos = [textField positionFromPosition:textField.beginningOfDocument offset:offset];
                    textField.selectedTextRange = [textField textRangeFromPosition:newPos toPosition:newPos];
                    return NO;
                }
            }
            else if (range.length > 1) {
                BOOL isLast = NO;
                    //如果是从最后一位开始
                if(range.location + range.length == textField.text.length ){
                    isLast = YES;
                }
                [textField deleteBackward];
                textField.text = [self parseString:textField.text];
                
                NSInteger offset = range.location;
                if (range.location == 3 || range.location  == 8) {
                    offset ++;
                }
                if (isLast) {
                        //光标直接在最后一位了
                }else{
                    UITextPosition *newPos = [textField positionFromPosition:textField.beginningOfDocument offset:offset];
                    textField.selectedTextRange = [textField textRangeFromPosition:newPos toPosition:newPos];
                }
                
                return NO;
            }
            
            else{
                return YES;
            }
        }
        
        else if(string.length >0){
            
                //限制输入字符个数
            if (([self noneSpaseString:textField.text].length + string.length - range.length > 11) ) {
                return NO;
            }
                //判断是否是纯数字(千杀的搜狗，百度输入法，数字键盘居然可以输入其他字符)
//            if(![string isNum]){
//                return NO;
//            }
            [textField insertText:string];
            textField.text = [self parseString:textField.text];

            NSInteger offset = range.location + string.length;
            if (range.location == 3 || range.location  == 8) {
                offset ++;
            }
            UITextPosition *newPos = [textField positionFromPosition:textField.beginningOfDocument offset:offset];
            textField.selectedTextRange = [textField textRangeFromPosition:newPos toPosition:newPos];
            return NO;
        }else{
            return YES;
        }
        
    }
    
    return YES;

}

-(NSString*)noneSpaseString:(NSString*)string
{
    return [string stringByReplacingOccurrencesOfString:@" " withString:@""];
}

- (NSString*)parseString:(NSString*)string
{
    if (!string) {
        return nil;
    }
    NSMutableString* mStr = [NSMutableString stringWithString:[string stringByReplacingOccurrencesOfString:@" " withString:@""]];
    if (mStr.length >3) {
        [mStr insertString:@" " atIndex:3];
    }if (mStr.length > 8) {
        [mStr insertString:@" " atIndex:8];
        
    }
    
   return  mStr;
}

效果图

number_formet.gif

number_formet2.gif

银行卡号的格式化也很简单，只需要重写 parseString :每隔4位添加一个空格就好
具体代码在 我的github上。这里还有一个身份证键盘的自定义。