iOS-自定义TextField(解决输入限制,键盘弹出问题)

Demo截屏

  • 项目由来,最近我开发的项目中,存在很多输入框,它们都有输入限制,比如帐号(限制6位)、密码(限制16位)、手机号(限制只输入数字,11位)、身份证号(限制只输入数字和字母,18位),金额(限制浮点数)、备注(限制200字)等,类似的输入框还有很多,刚开始我使用UITextField,再加上限制用户输入又是很麻烦的事情,所以一遇到有输入框的vc,就会有大量的限制代码,并且很多都是重复的。在这种情况下,我考虑封装一个TextField,用于解决限制用户输入的功能,顺便在把键盘弹出的问题也解决了
  • 所以CCTextField的主要功能,它能一行代码解决输入限制问题,并且内部处理键盘弹出问题
  • 项目地址:https://github.com/cdcyd/CCTextField 有兴趣的最好把Demo下载看看
  • CCTextField 用法 CCTextField 继承自UITextField,所以它和UITextField的用法一样,我们只需要多设置一个属性 typedef NS_ENUM(NSInteger, CCCheckType){ CCCheckNone, // 不做校验 CCCheckAccount, // 帐号(字母开头,允许字母、数字、下划线,长度在6个以上) CCCheckPassword, // 密码(以字母开头,只能包含字母、数字和下划线,长度在6个以上) CCCheckStrongPassword, // 强密码(必须包含大小写字母和数字的组合,不能使用特殊字符,长度在6个以上) CCCheckEmail, // 邮箱 CCCheckZipCode, // 邮编 CCCheckDomain, // 域名 CCCheckPhone, // 手机号 CCCheckIDCard, // 身份证(18位) CCCheckFloat, // 浮点数(校验格式: "10"、"10.0") CCCheckDate, // 日期(校验格式: "xxxx-xx-xx"、"xxxx-x-x") CCCheckMoney, // 金额(校验格式: "10000.0"、"10,000.0"、"10000"、"10,000") CCCheckTel, // 座机(校验格式: "xxx-xxxxxxx"、"xxxx-xxxxxxxx"、"xxx-xxxxxxx"、"xxx-xxxxxxxx"、"xxxxxxx"、"xxxxxxxx") }; @property(nonatomic, assign)CCCheckType check; 在checksetter方法中,还设置了键盘类型、长度限制等,如果对键盘和输入限制与setter方法设置的不符,则可以在设置check属性之后,再设置键盘类型和长度限制,设置长度限制可以通过下面两个属性设置,但一定要在check之后设置,不然可能会有问题 @property(nonatomic, assign)NSInteger minLimit; @property(nonatomic, assign)NSInteger maxLimit; 所以 CCTextField *textField = [[CCTextField alloc] initWithFrame:CGRectMake(0, 0, 200, 30)]; // 设置输入类型 textField.check = CCCheckPhone; // 设置文字最小长度 // textField.minLimit = 0; // 设置文字最大长度 // textField.maxLimit = 16;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏web前端教室

[视频直播]本周日先行者视频“React多级菜单

第一个知识点,就是递归。 递归往简单了说,就是函数不断调用自身,同时设定一个退出条件,达成条件就结束调用自身,否则就成无限递归了。 看一小段JSON: { ...

2279
来自专栏企鹅号快讯

不到200行 JavaScript 代码如何实现富文本编辑器

作者:吴锴 http://www.wukai.me/2017/12/31/rich-text-editor-in-less-than-200-lines-jav...

2247
来自专栏吴裕超

认识createDocumentFragment

今天在看vue源码解析时候发现一个api没有见过,一查是原生的,赶紧补漏。 DocumentFragments 是DOM节点。它们不是主DOM树的一部分。通常的...

2747
来自专栏繁花云

12-01-js深入学习

问题表现是:httpd服务器已经开启了,端口也已经监听了,但是就是无法访问

670
来自专栏码生

React Native 大纲

843
来自专栏技术博客

Knockout.Js官网学习(selectedOptions绑定、uniqueName 绑定)

selectedOptions绑定用于控制multi-select列表已经被选择的元素,用在使用options绑定的<select>元素上。

881
来自专栏从零开始学自动化测试

python爬虫beautifulsoup4系列1

前言 以博客园为例,爬取我的博客上首页的发布时间、标题、摘要,本篇先小试牛刀,先了解下它的强大之处,后面讲beautifulsoup4的详细功能。 一、安装...

38211
来自专栏Google Dart

AngularDart 4.0 高级-结构指令 顶

本指南介绍Angular如何用结构指令操纵DOM,以及如何编写自己的结构指令来完成相同的操作。

1392
来自专栏PHP在线

jQuery学习笔记

jQuery大部分功能需要根据文档的DOM模型来工作,首先需要正确地解析到整个文档的DOM模型结构。使用jQuery需要在整个文档被浏览器完全加载后才开始进行。

1122
来自专栏LIN_ZONE

Vue 中动态添加class(使用v-bind:class)

今天在Vue中动态修改类名,元素的样式就是不改变,类名也没有加上去,里面的问题具体我还是不太清楚,有可能是因为自己不认真,把 :class= 后面的内容的格式给...

6022

扫码关注云+社区

领取腾讯云代金券