最近做登錄注冊界面，
一共有4種輸入框：昵稱、手機號、密碼、驗證碼。
屏幕快照 2016-07-16 下午10.06.42.png
一. 先總結(jié)一下我需要達(dá)到的效果：
1.輸入時判斷：
昵稱： 第一個字符禁止輸入空格
輸入完成去掉兩端空格
手機號/密碼/驗證碼：
限制輸入 11位/12位/6位
禁止輸入空格
手機號/驗證碼只允許輸入數(shù)字，密碼只允許輸入數(shù)字和字母
按鍵盤的回車按鈕（把光標(biāo)移到下一輸入框/調(diào)用登錄函數(shù)/不做操作）
2.登錄時判斷：手機號格式是否正確
密碼是否 6~12位
昵稱/驗證碼 是否為空
Untitled.gif
二. 輸入時對 數(shù)字/驗證碼/密碼 限制長度
查看UITextField類，會想到有兩個地方去做是否允許輸入的判斷，
1.UITextField判斷是否允許輸入的代理方法
#pragma mark - UITextFieldDelegate
- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string
{
if (textField == self.titleField) {
if (string.length == 0) return YES;
NSInteger existedLength = textField.text.length;
NSInteger selectedLength = range.length;
NSInteger replaceLength = string.length;
if (existedLength - selectedLength + replaceLength > 20) {
return NO;
}
}
return YES;
}
但是在這個方法里面有個bug，若限制輸入11位，則在輸入11位后，若不做刪除符的判斷，會無法輸入刪除符（即無法刪除）。
而且文章 如何更好地限制一個UITextField的輸入長度 中寫到，通過這個代理方法還有另外一個問題（我沒試）：
當(dāng)你輸入19個字符后，第20個字符以中文漢字的形式繼續(xù)輸入，那么系統(tǒng)會在鍵盤上方提供后續(xù)的一系列聯(lián)想詞，你會發(fā)現(xiàn)通過這種方式可以連續(xù)選字輸入從而突破20個字符的限制。
所以我采用第2種方法
2.每次編輯改變后，判斷是否超長，超長則把文本截斷
UITextField提供了2種方法監(jiān)聽每次輸入完成
- 通知 UITextFieldTextDidChangeNotification
- 添加相應(yīng)的事件監(jiān)聽
[textField addTarget:self action:@"EditChanged" forControlEvents:UIControlEventEditingChanged];
我用的事件監(jiān)聽，代碼如下：
//手機號 編輯改變后
- (IBAction)telEditChanged:(UITextField *)sender {
if (sender.text.length > 11){
sender.text = [sender.text substringToIndex:11];
}
}
三. 輸入時對 昵稱 的限制
- 這個就有點復(fù)雜了，因為昵稱可以輸入任何字符、漢字、表情。
- 通過打印 length 我得到：英文1個長度，漢字1個長度，表情2個長度。
- 所以，如果用戶輸入超過限制長度的 表情或者組合詞呢？（通過截取字符來達(dá)到目的，碰到emoji就掛了。假設(shè)限制輸入18個字符, 第15個字符如果輸入是emoji, 則emoji不能正常顯示. 因為emoji是兩個字符大小）
- 通過截取組合字符的方法，不允許輸入最后一個超長的emoji。（or：若最后一個18、19位是一個字符的話，則允許輸入19位的emoji，在登錄時進(jìn)行再次判斷長度是否超過，但這樣感覺沒有意義）
我參考了這篇文章 iOS中UITextField的字?jǐn)?shù)限制 （我還不懂其中獲取高亮選擇的字的意義）
//昵稱 編輯后
- (IBAction)nickNameEditChanged:(UITextField *)sender {
NSString *toBeString = sender.text;
//獲取高亮部分
UITextRange *selectedRange = [sender markedTextRange];
UITextPosition *position = [sender positionFromPosition:selectedRange.start offset:0];
//沒有高亮選擇的字，則對已輸入的文字進(jìn)行字?jǐn)?shù)統(tǒng)計和限制
if (!position) {
if (toBeString.length > 18) {
NSRange rangeIndex = [toBeString rangeOfComposedCharacterSequenceAtIndex:18];
if (rangeIndex.length == 1) {
sender.text = [toBeString substringToIndex:18];
}else {
NSRange rangeRange = [toBeString rangeOfComposedCharacterSequencesForRange:NSMakeRange(0, 18)];
sender.text = [toBeString substringWithRange:rangeRange];
}
}
}
}
對昵稱的處理還有：
- 第一個字符禁止輸入空格
- 但是昵稱中是允許有空格的，所以不能像手機號、密碼那樣禁止輸入空格，所以昵稱輸入完成后需要另外截去兩端的空格（其實是為了防止有人在昵稱最后多打了空格，因此去掉昵稱最后的空格）
//UITextField代理方法，是否允許輸入
- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(nonnull NSString *)string
{
if (textField == self.nickNameTF)
{
//第一個字符禁止輸入空格
if (range.length == 0 && range.location == 0 && [string isEqual: @" "])
{
[SVProgressHUD showInfoWithStatus:@"第一個字符不能為空格"];
return NO;
}
}
return YES;
}
//UITextField代理方法，輸入框結(jié)束編輯（相當(dāng)于失去第一響應(yīng)者時調(diào)用）
- (void)textFieldDidEndEditing:(UITextField *)textField
{
//去掉姓名兩端空格
if (textField == self.nickNameTF) {
textField.text = [textField.text stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceCharacterSet]];
}
}
四. 創(chuàng)建一個工具類 Tool
用于輸入時判斷 手機號、數(shù)字、字母、空/空格
//檢測字符串是否是純數(shù)字
+ (BOOL)isNumber:(NSString *)num
{
NSString *number = @"0123456789";
NSCharacterSet *cs = [[NSCharacterSet characterSetWithCharactersInString:number] invertedSet];
NSString *filtered = [[num componentsSeparatedByCharactersInSet:cs] componentsJoinedByString:@""];
BOOL basic = [num isEqualToString:filtered];
return basic;
}
//檢測字符串是否是數(shù)字或字母組成
+ (BOOL)isNumberOrLetter:(NSString *)num
{
NSString *numberOrLetter = @"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
NSCharacterSet *cs = [[NSCharacterSet characterSetWithCharactersInString:numberOrLetter] invertedSet];
NSString *filtered = [[num componentsSeparatedByCharactersInSet:cs] componentsJoinedByString:@""];
BOOL basic = [num isEqualToString:filtered];
return basic;
}
//檢測是否是手機號碼
+ (BOOL)isMobileNumber:(NSString *)mobileNum
{
NSString * mobile = @"^1[34578]\\d{9}$";
NSPredicate *regextestmobile = [NSPredicate predicateWithFormat:@"SELF MATCHES %@", mobile];
if ([regextestmobile evaluateWithObject:mobileNum] == YES) {
return YES;
}else {
return NO;
}
}
//判斷字符串是否為空或者都是空格
+ (BOOL)isBlankString:(NSString *)string
{
if (string == nil){
return YES;
}
if (string == NULL){
return YES;
}
if ([string isKindOfClass:[NSNull class]]){
return YES;
}
//判斷字符串是否全部為空格（[NSCharacterSet whitespaceAndNewlineCharacterSet]去掉字符串兩端的空格)
if ([[string stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]] length] == 0){
return YES;
}
return NO;
}
五. 輸入時對手機號、驗證碼、密碼的判斷
在是否允許輸入的代理方法中
//UITextField代理方法，是否允許輸入
- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(nonnull NSString *)string
{
//不能輸入空格
if ([string isEqualToString: @" "]){
[SVProgressHUD showInfoWithStatus:@"不能輸入空格"];
return NO;
}
if (textField == self.telTF){
if (![Tool isNumber:string]){
[SVProgressHUD showInfoWithStatus:@"手機號必須是數(shù)字"];
return NO;
}
}else if (textField == self.verifiedCodeTF){
if (![Tool isNumber:string]){
[SVProgressHUD showInfoWithStatus:@"驗證碼必須是數(shù)字"];
return NO;
}
}else if (textField == self.pwdTF){
if (![Tool isNumberOrLetter:string]){
[SVProgressHUD showInfoWithStatus:@"密碼只能為數(shù)字或字母"];
return NO;
}
}
return YES;
}
六. 登錄時 先判斷輸入信息格式
//登錄時 先判斷輸入信息格式
- (BOOL)isFormatCorrect
{
if ([Tool isBlankString:self.nickNameTF.text]){
[SVProgressHUD showInfoWithStatus:@"姓名不能為空"];
return NO;
}
if (![Tool isMobileNumber:self.telTF.text]){
[SVProgressHUD showInfoWithStatus:@"手機號格式錯誤"];
return NO;
}
if ([Tool isBlankString:self.verifiedCodeTF.text]) {
[SVProgressHUD showInfoWithStatus:@"驗證碼不能為空"];
return NO;
}
if (!(self.pwdTF.text.length >= 6 && self.pwdTF.text.length <= 12)) {
[SVProgressHUD showInfoWithStatus:@"密碼6~12位"];
return NO;
}
return YES;
}
七. iPhone手機搖一搖撤銷操作可能出現(xiàn)的bug
以為做得差不多了的時候，偶然網(wǎng)上看到一個bug
當(dāng)我復(fù)制粘貼一長段文字(大于textfield限制輸入的最大長度)后， 通過iPhone搖一搖 彈出撤銷彈框 點擊撤銷崩潰 錯誤原因如下:-[NSBigMutableString substringWithRange:]: Range {0, 43} out of bounds; string length 8 請問有什么好的解決方案嗎？
于是我試了下，果然crash。
解決辦法請看 Strange crash in UITextview undo on iOS 7
使用下面這句代碼來移除該textField對應(yīng)的撤銷棧的所有操作，
[textField.undoManager removeAllActions];
最后，是否允許輸入的代理方法中，全部代碼如下
//UITextField代理方法，是否允許輸入
- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(nonnull NSString *)string
{
NSInteger existedLength = textField.text.length;
NSInteger selectedLength = range.length;
NSInteger replaceLength = string.length;
if (textField == self.nickNameTF)
{
//第一個字符禁止輸入空格
if (range.length == 0 && range.location == 0 && [string isEqual: @" "])
{
[SVProgressHUD showInfoWithStatus:@"第一個字符不能為空格"];
return NO;
}
if (existedLength - selectedLength + replaceLength > 18) {
//手機搖一搖撤銷操作時有個bug，通過此方法解決
//暫時使用一個很暴力的方法來防止崩潰：
//若undo后的文本總長度>限制長度，則移除該該textField對應(yīng)的undo棧的所有操作，這樣該次搖一搖就不會彈出撤銷彈框。
[textField.undoManager removeAllActions];
}
}else {
//不能輸入空格
if ([string isEqualToString: @" "]){
[SVProgressHUD showInfoWithStatus:@"不能輸入空格"];
return NO;
}
if (textField == self.telTF){
if (![Tool isNumber:string]){
[SVProgressHUD showInfoWithStatus:@"手機號必須是數(shù)字"];
return NO;
}
if (existedLength - selectedLength + replaceLength > 11) {
[textField.undoManager removeAllActions];
}
}else if (textField == self.verifiedCodeTF){
if (![Tool isNumber:string]){
[SVProgressHUD showInfoWithStatus:@"驗證碼必須是數(shù)字"];
return NO;
}
if (existedLength - selectedLength + replaceLength > 6) {
[textField.undoManager removeAllActions];
}
}else if (textField == self.pwdTF){
if (![Tool isNumberOrLetter:string]){
[SVProgressHUD showInfoWithStatus:@"密碼只能為數(shù)字或字母"];
return NO;
}
if (existedLength - selectedLength + replaceLength > 12) {
[textField.undoManager removeAllActions];
}
}
}
return YES;
}
八. 輸入完成，按下鍵盤上回車鍵
UITextField 對應(yīng)的事件監(jiān)聽為（不添加即無操作）
[textField addTarget:self action:@"EditingDidEndOnExit" forControlEvents:UIControlEventEditingDidEndOnExit];
//昵稱 按回車
- (IBAction)nickNameDidEndOnExit:(UITextField *)sender {
[self.telTF becomeFirstResponder];
}
//密碼 按回車
- (IBAction)pwdDidEndOnExit:(UITextField *)sender {
//登錄
[self login:nil];
}
我的輸入框就完成了，如有誤，歡迎指正。
參考文章
如何更好地限制一個UITextField的輸入長度
IOS瘋狂基礎(chǔ)之輸入限制—手機號，金額
iOS中UITextField的字?jǐn)?shù)限制
Objective-C語法之字符串NSString去掉前后空格或回車符
Strange crash in UITextview undo on iOS 7
iOS開發(fā)-NSUndoManager撤銷(undo)和重做(redo)
