美文网首页
文本框限制以及 提示剩余文字

文本框限制以及 提示剩余文字

作者: Sax_Frank | 来源:发表于2016-06-14 15:54 被阅读225次

今天看到技术交流群有朋友问一个关于文本框输入文字后,label提示剩余字数的问题,我想想自己也没做过,刚好有时间,那就自己实现下,想想应该是不难,结果是给自己挖了个坑跳,悲剧。
现在我把正确的思路贴上,待会有空讲讲过程出现的坑。

1对文本框的限制

文本框的限制当然是在textfield的代理方法中去实现

-(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string
{
    //计算剩下多少文字可以输入
    if(range.location >= 20)
    {
        return NO;
    }
    else
    {
        return YES;
    }
}

2提示文字如何实现,我用的是通知,记得使用通知要记得移除

- (void)viewDidLoad {
    [super viewDidLoad];
    [self.view addSubview:self.fzCollectionView];
    [self.view addSubview:self.textField];
    [self.view addSubview:self.tipLabel];
    self.fzCollectionView.sections = self.dataSource;
    
    [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(textFieldChange) name:UITextFieldTextDidChangeNotification object:nil];
    
}

-(void)dealloc
{
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}

-(void)textFieldChange
{
    if (self.textField.text.length == 0) {
        self.remainTextNum = 20;
    }else{
        self.remainTextNum = 20 - (int)self.textField.text.length;
    }
    self.tipLabel.text = [NSString stringWithFormat:@"还可以输入%d个字符",self.remainTextNum];
}

以上就可以轻松实现了,但是我一开始把提示剩余文字的代码也写到代理里面了,导致提示剩余文字偶尔不对,会偏差一位,那问题出在哪里,就是在range.location这里,感兴趣的同学自己去挖个坑跳跳,我这里就不说怎么坑了。

相关文章

  • 文本框限制以及 提示剩余文字

    今天看到技术交流群有朋友问一个关于文本框输入文字后,label提示剩余字数的问题,我想想自己也没做过,刚好有时间,...

  • bug2

    遇到的几个项目通用的问题: 1.提示文字 文本框内默认placeholder、文本框下红色提示文字、接口返回结果的...

  • 表单

    文本框 按钮 value 值作为input默认值 placeholder 提示文字 radio ...

  • bootstrap表单

    一、text文本框 1、placeholder属性该属性值会显示在文本框内部作为输入内容提示文字。2、input-...

  • iOS开发中UITextView使用小结

    最近项目开发中用到了多行文本框限制文字输入个数限制,之前的话在textViewDidChange方法中截取超出字数...

  • 在使用STPopup第三方时遇到的bug:未解决

    描述一下需求:根据文本框输入文字判端不规范的时候在文本框下添加label展示错误提示,如下图:需求的样式, 所以在...

  • 使用vue-quill-editor时验证必填遇到的问题

    问题:我没有填内容在提交表单时会弹出提示必填的文字,然后我在文本框中填写内容,按照预期内容已不为空,必填提示文字应...

  • UITextField相关操作

    限制文本框只能输入数字

  • 【板式】错位让PPT更显文艺范

    在做PPT的时候,我们习惯的在文本框里输入内容,文字在文本框的限制下变成了一行行的文字,一行行的文字形成一个个矩形...

  • HTML5之标签与属性

    1. 属性list与标签datalist 以及标签option可实现文本框的下拉提示,其中datalist的id值...

网友评论

      本文标题:文本框限制以及 提示剩余文字

      本文链接:https://www.haomeiwen.com/subject/lfsudttx.html