键盘与输入问题

对于很多产品来说，内容输入已经是必不可少的的需求了。在这方面，或可分为以下部分：

在此仅讨论移动产品

1、键盘问题

1.1 键盘调用

1）输入框获取焦点时调用键盘，在屏幕底部由下向上滑出

2）输入框失去焦点时回收键盘，在屏幕底部由上向下收回

1.2 键盘类型

1）类型：全键盘、数字键盘、其他键盘（可根据产品需求定制，如金融产品的安全键盘）

2）调用：一般输入时调用全键盘；输入数字时调用数字键盘，如手机号码；

2、输入问题

 2.1 提示文案

1）未获取焦点时，输入框提示文案显示

2）获取焦点后，输入框提示文案消失（或输入内容后消失）

2.2 内容校验

1）输入时校验内容，返回相应提示

2）输入框失去焦点后校验内容，返回相应提示

3）点击上传内容时，返回相应提示

4）提示形式：弹窗/toast/页面提示

5）校验内容：敏感词/空值/错值/字符长度/特殊字符等

2.3 限制

1）格式限制：如只能输入数字、不能输入符号

2）长度限制：如只能输入 140 个中文字符

3）其他限制：如不能粘贴复制

2.4 关联功能

1）一键清除功能：输入框输入内容后，输入框右侧显示清除按钮，点击清除按钮，清空输入，按钮消失。

2）键盘一键清除：点击键盘的删除按钮，清空输入框内容（一般用于密码框）

3）隐藏内容：输入框输入内容后，显示 1.5s 后变为星号隐藏（一般用于密码框），点击显示按钮后正常显示

2.5 案例：登录

0）通用交互说明：点击输入框，输入框获取焦点，调用通用键盘；点击输入框外或键盘外区域，键盘收回； toast 提示屏幕居中显示，1.5s 后自动消失；页面提示在输入获取焦点后消失

1）进入页面：账号输入框显示提示文案：请输入手机号码；密码输入框显示提示文案：请输入密码

2）输入账号：输入内容后，输入框右侧显示清除按钮，点击清除按钮，清空输入，按钮消失；输入框最多输入 11 位数字，超过则无法输入；

3）账号校验：输入框失去焦点后校验账号格式：前两位数字一定为 13/14/15/16/17/18/19其中之一，否则输入框底部红字提示：请输入正确手机号码

 4）输入密码：输入内容后，输入框右侧显示清除按钮，点击清除按钮，清空输入内容，按钮消失；输入框输入内容后，显示 1.5s 后变为星号隐藏，点击显示按钮后正常显示；输入框最多输入20位中文字符，超过则无法输入；

5）账号密码校验：点击登录时校验账号密码，若账号密码不匹配则toast 提示：账号或密码不正确，请重新输入

6）说明：一般不提示账号不存在，以防撞库