需求
require:
项目里经常有一种需求,需要限制用户输入的字数,但是有的PM为了更好的用户体验,允许用户在没有确认前可以无限输入
optional:
1.不允许输入emoji表情
2.不允许输入空格等
效果
[图片上传失败...(image-987102-1563792426755)]
分析
有几种场景
1.各种输入法
2.输入非法字符
3.输入的中文拼音还没选文字就点确定了
4.你们补充下...
实现
创建一个弹框,监听输入
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];
记得遵守协议
@interface ViewController ()<UIAlertViewDelegate,UITextFieldDelegate>
给定一个限制数
#define kMaxLableLength 10 //限制10个字符
过滤非法文字
因为咱们要过滤非法字符嘛,那么先把方法准备好,一会儿直接调就好啦
//过滤非法字符
- (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;
}
获取输入文字
这一步我们需要实时获取用户输入的文字,并且交给一个专门的检验方法来检验
- (void)textFiledEditChanged:(NSNotification *)noti
{
UITextField *textField = (UITextField *)noti.object;
[self validationText:textField];
}
检验文字内容
检验之前先去掉空格等非法字符吧,调用之前准备好的方法,一步到位过滤完全
NSString *toBeString = [self disable_Text:textField.text];
咱们是不是直接截断就可以了?
NSString *strNew = [NSString stringWithString:toBeString];
[textField setText:[strNew substringToIndex:kMaxLableLength]];
项目经理会打死你的.....因为还有各种小细节需要处理呢
咱们需要判断输入法,英文的直接截断就好啦,中文的咱们要允许他在有光标光亮的状态下可以无限输入文字
完整代码如下
- (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!
- (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了~
