限制textfield输入

发表于   |   分类于   |  

需求

require:
项目里经常有一种需求,需要限制用户输入的字数,但是有的PM为了更好的用户体验,允许用户在没有确认前可以无限输入

optional:
1.不允许输入emoji表情
2.不允许输入空格等

效果

分析

有几种场景

1.各种输入法

2.输入非法字符

3.输入的中文拼音还没选文字就点确定了

4.你们补充下…

实现

创建一个弹框,监听输入

1
2
3
4
5
6
7
8
9
10
11
12
13
14
UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"test" message:@"msg" delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil];
alertView.alertViewStyle = UIAlertViewStylePlainTextInput;
UITextField *textFiled = [alertView textFieldAtIndex:0];
textFiled.delegate = self;
//监听输入
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textFiledEditChanged:)
name:@"UITextFieldTextDidChangeNotification"
object:textFiled];
[alertView show];

记得遵守协议

1
@interface ViewController ()<UIAlertViewDelegate,UITextFieldDelegate>

给定一个限制数

1
#define kMaxLableLength 10  //限制10个字符

过滤非法文字

因为咱们要过滤非法字符嘛,那么先把方法准备好,一会儿直接调就好啦

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
//过滤非法字符
- (NSString *)disable_Text:(NSString *)text
{
    NSLog(@"过滤--->%@",text);
    
    text = [text stringByReplacingOccurrencesOfString:@" " withString:@""];
    
    text = [text stringByReplacingOccurrencesOfString:@"\n" withString:@""];
    
    //过滤emoji表情
    return [self disable_emoji:text];
}
//过滤emoj表情
- (NSString *)disable_emoji:(NSString *)text
{
    NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:@"[^\\u0020-\\u007E\\u00A0-\\u00BE\\u2E80-\\uA4CF\\uF900-\\uFAFF\\uFE30-\\uFE4F\\uFF00-\\uFFEF\\u0080-\\u009F\\u2000-\\u201f\r\n]" options:NSRegularExpressionCaseInsensitive error:nil];
    
    NSString *modifiedString = [regex stringByReplacingMatchesInString:text
                                                               options:0
                                                                 range:NSMakeRange(0, [text length])
                                                          withTemplate:@""];
    return modifiedString;
}

获取输入文字

这一步我们需要实时获取用户输入的文字,并且交给一个专门的检验方法来检验

1
2
3
4
5
6
7
8
- (void)textFiledEditChanged:(NSNotification *)noti
{
    
    UITextField *textField = (UITextField *)noti.object;
    
    [self validationText:textField];
    
}

检验文字内容

检验之前先去掉空格等非法字符吧,调用之前准备好的方法,一步到位过滤完全

1
NSString *toBeString = [self disable_Text:textField.text];

咱们是不是直接截断就可以了?

1
2
NSString *strNew = [NSString stringWithString:toBeString];
[textField setText:[strNew substringToIndex:kMaxLableLength]];

项目经理会打死你的…..因为还有各种小细节需要处理呢

咱们需要判断输入法,英文的直接截断就好啦,中文的咱们要允许他在有光标光亮的状态下可以无限输入文字

完整代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
- (NSString *)validationText:(UITextField *)textField
{
    //不论中文英文,如果有空格,回车,都要过滤掉
    NSString *toBeString = [self disable_Text:textField.text];
    
    NSString *lang = [textField.textInputMode primaryLanguage];
    
    NSLog(@"%@",lang);
    
    //判断输入法
    if ([lang isEqualToString:@"zh-Hans"]) {
        
        UITextRange *selectedRange = [textField markedTextRange];
        
        UITextPosition *position = [textField positionFromPosition:selectedRange.start offset:0];
      
        if (!position) {
            if (toBeString.length>=kMaxLableLength) {
                NSString *strNew = [NSString stringWithString:toBeString];
                [textField setText:[strNew substringToIndex:kMaxLableLength]];
            }else{
                [textField setText:toBeString];
            }
        }
        else
        {
            NSLog(@"输入的英文还没有转化为汉字的状态");
        }
        
    }
    else{
        if (toBeString.length > kMaxLableLength) {
            textField.text = [toBeString substringToIndex:kMaxLableLength];
        }else{
            textField.text = toBeString;
        }
    }
    
    return textField.text;
    
}

完

大功告成!测试下,恩,OK~

小明:拿给PM秀一下~顺便问问TA晚上约不约~

PM:秀你妹啊!
PM:完个蛋啊!
PM:有bug!
PM:用户直接点确认怎么办!!!
PM:用户体验!用户体验!用户体验!重说三

小明:😭😭😭😭

改bug

是呀,用户在光标状态下,直接输入一大堆光标咱们是不限制,如果他直接点确认,光标内容也是会被记录的~

还有个小细节:如果用户一进来,什么都不输入直接点确认~咱们要拦截这个操作~(PM如果有需求的话)

fix it!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
- (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex
{
    
    if (buttonIndex == 1) {
        
        UITextField *textFiled = [alertView textFieldAtIndex:0];
        
        [textFiled resignFirstResponder];
        
        //什么都不输入直接返回
        if (textFiled.text.length == 0) return;
        
        //用户不选择文字直接确认
        self.displayLable.text = [self validationText:textFiled];
        
    }
    
}

完

小明终于可以约PM了~

PS:话说2个大老爷们约啥约~小明的世界我不懂~

PS:第一次做分享,怎么才能装作经常做的样子,😭😭😭😭😭


原创文章,转载请注明地址: https://kevinmky.github.io