正好要对WiFi的SSID和密码输入框进行优化，然后就索性对产品现有的所以的输入，认真思考的时候发现还是有很多坑的。跟开发讨论设计出一个目前认为最完美的方案，并且也总结了一些坑和对应的解决方案；
后台都有限制，假如传入后台字符超出，有数据返回提示。但是一般情况下，前端也要做一定的交互设计，增强用户体验。
设计一个输入框，通常要考虑以下几个因素：
1.输入长度字数限制；
2.输入的类型限制：移动端有很多人使用第三方键盘，一般可以输入的包含数字，中文，英文，标点符号，其他特殊符号，emoji表情；
3.显示问题: 字数长度多的时候，如果不做处理显示不全；
4.输入框类型：账号、密码、email、证件信息等；
5.异常反馈：假如用户使用的第三方键盘输入奇葩内容，或者超出字段约束限制，如何给用户一个友好的不能输入的反馈；
分类总结：
弱约束：
1.文本框
文本框一般情况下可以随意输入，只有长度限制。
1）禁止输入无提示
2）计数式
3）键盘封锁
但是这里会存在第三方键盘的坑：
IOS：一般情况下可以直接强制调用默认键盘；
安卓：第三方难以控制会有下边情况：因此可以使用方法1）。
另外关于禁止输入内容时，因为不允许输入的内容较多，不容易得到很好的控制，可以在代码逻辑端设置可输入内容，其他内容无法展示到键盘
网友评论