iOS中UITextField的字数限制

在开发中, 有些时候会碰到这样的需求: 希望输入框有最大字数限制. 比如, 用户昵称长度限制, 评论最大字数限制.

刚开始的时候, 采用的是shouldChangeCharactersInRange

http://stackoverflow.com/questions/433337/set-the-maximum-character-length-of-a-uitextfield

这样在输入全部是英文的情况下是可以的. 但是当输入是中文时, 由于shouldChangeCharactersInRange判断的是当前键盘的字符数, 会出现这样的问题: 比如你还剩下2个字可以打, 你想输入"张三", "张"的拼音是Zhang, 于是你在输入Zh的时候就无法输入了. 显然, 这样的结果不是我们想要的.

而且,shouldChangeCharactersInRange也没有响应最后拼音到汉字的过程.

然后在这里找到了基本可行的解决方案:

http://blog.sina.com.cn/s/blog_60f977e70101g4gj.html#cmt_3529521

在viewDidLoad中注册通知.

[[NSNotificationCenter defaultCenter]addObserver:selfselector:@selector(textFieldEditChanged:)name:@"UITextFieldTextDidChangeNotification"object:myTextField];

然后实现监听方法:

-(void)textFieldEditChanged:(NSNotification*)obj{UITextField*textField = (UITextField*)obj.object;NSString*toBeString = textField.text;NSString*lang = [[UITextInputModecurrentInputMode] primaryLanguage];// 键盘输入模式if([lang isEqualToString:@"zh-Hans"]) {// 简体中文输入,包括简体拼音,健体五笔,简体手写UITextRange*selectedRange = [textField markedTextRange];//获取高亮部分UITextPosition*position = [textFieldpositionFromPosition:selectedRange.start offset:0];// 没有高亮选择的字,则对已输入的文字进行字数统计和限制if(!position) {if(toBeString.length > kMaxLength) {              textField.text = [toBeString substringToIndex:kMaxLength];          }      }// 有高亮选择的字符串,则暂不对文字进行统计和限制else{                        }        }// 中文输入法以外的直接对其统计限制即可,不考虑其他语种情况  else{if(toBeString.length > kMaxLength) {          textField.text = [toBeString substringToIndex:kMaxLength];      }  }}

一切看起来, 似乎还不错. 通过截取字符来达到目的.然后导师告诉我, 碰到emoji就挂了. 假设限制输入15个字符, 第十五个字符如果输入是emoji, 则emoji不能正常显示. 因为emoji是两个字符大小.

于是, 在这里找到防止这种粗暴截断方法的思路.

http://stackoverflow.com/questions/15775294/truncate-string-containing-emoji-or-unicode-characters-at-word-or-character-boun

使用rangeOfComposedCharacterSequencesForRange, 防止在range范围内整词被截断.

但是iOS貌似不能正确识别中文的composed character sequences, 只要是两个中文字都会被识别成composed character sequences. 恰好, 输入emoji时currentInputMode也不是zh-Hans. 因此, 在判断当前输入Mode是中文时, 可以继续使用substringToIndex, 进行截断. 在非中文Mode时, 加以判断.

代码如下:

#pragma mark - Notification Method-(void)textFieldEditChanged:(NSNotification*)obj{UITextField*textField = (UITextField*)obj.object;NSString*toBeString = textField.text;NSString*lang = [textField.textInputMode primaryLanguage];if([lang isEqualToString:@"zh-Hans"])// 简体中文输入{//获取高亮部分UITextRange*selectedRange = [textField markedTextRange];UITextPosition*position = [textField positionFromPosition:selectedRange.start offset:0];// 没有高亮选择的字,则对已输入的文字进行字数统计和限制if(!position)        {if(toBeString.length > MAX_STARWORDS_LENGTH)            {                textField.text = [toBeString substringToIndex:MAX_STARWORDS_LENGTH];            }        }    }// 中文输入法以外的直接对其统计限制即可,不考虑其他语种情况else{if(toBeString.length > MAX_STARWORDS_LENGTH)        {NSRangerangeIndex = [toBeString rangeOfComposedCharacterSequenceAtIndex:MAX_STARWORDS_LENGTH];if(rangeIndex.length ==1)            {                textField.text = [toBeString substringToIndex:MAX_STARWORDS_LENGTH];            }else{NSRangerangeRange = [toBeString rangeOfComposedCharacterSequencesForRange:NSMakeRange(0, MAX_STARWORDS_LENGTH)];                textField.text = [toBeString substringWithRange:rangeRange];            }        }    }}

看了一下微信,QQ,知乎的修改昵称.

微信是将英文字符算一个长度, 中文算两个长度,emoji算四个长度 总长度是32. 当你在输入中文字符超过规定长度时, 则强制将当前的键盘输入变成英文. 如果剩下的字符数小于等于3, 则不可以输入emoji.

QQ也是将英文字符和中文分开计算长度, 但是当只剩下一个长度时, 键盘无法输入完整的汉语拼音. 即上面讲的<张三>的例子.

不过在修改昵称这里长度设长一些无所谓. 如果是一些需要写评论的地方则还是有体验优化的余地.

知乎二货居然没有长度限制, 不过修改昵称居然要审核...

10月14日更新

后来发现第三方输入法(如搜狗,百度输入法)会出现错误, 发现只需要这样就行了.

UITextField *textField= (UITextField *)obj.object;    NSString *toBeString =textField.text;//获取高亮部分UITextRange *selectedRange = [textFieldmarkedTextRange];    UITextPosition *position = [textFieldpositionFromPosition:selectedRange.start offset:0];// 没有高亮选择的字,则对已输入的文字进行字数统计和限制if(!position)    {if(toBeString.length > MAX_STARWORDS_LENGTH)        {            NSRange rangeIndex = [toBeString rangeOfComposedCharacterSequenceAtIndex:MAX_STARWORDS_LENGTH];if(rangeIndex.length ==1)            {textField.text= [toBeString substringToIndex:MAX_STARWORDS_LENGTH];            }else{                NSRange rangeRange = [toBeString rangeOfComposedCharacterSequencesForRange:NSMakeRange(0, MAX_STARWORDS_LENGTH)];textField.text= [toBeString substringWithRange:rangeRange];            }        }    }

update2: 监听变化可以直接[self addTarget:self action:@selector(textFieldDidChange) forControlEvents:UIControlEventEditingChanged];

iOS9的shouldChangeCharactersInRange函数有bug,在中文输入下, 推荐的字不调用shouldChangeCharactersInRange. 所以不要用其来判断中文字长度.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,639评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,277评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,221评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,474评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,570评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,816评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,957评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,718评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,176评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,511评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,646评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,322评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,934评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,755评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,987评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,358评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,514评论 2 348

推荐阅读更多精彩内容