爱评测-移动互联网评测

标题: 用户输入检查的两种处理方式 [打印本页]

作者: tianzc    时间: 2014-10-14 16:57
标题: 用户输入检查的两种处理方式
[attach]3933[/attach]

用户输入检查的两种处理方式


第一个按钮为处理方式1,满足输入条件后,按钮才可用,跳转
第二个按钮为处理方式2,满足条件前进行错误提示,满足条件后跳转(加了个渐入渐出效果,今天才发现)

--------------------------分割线--------------------------
未输入前,按钮1不可用
[attach]3934[/attach]2010-12-8 12:16



--------------------------分割线--------------------------
未输入前,按钮2错误提示
[attach]3935[/attach]2010-12-8 12:16



--------------------------分割线--------------------------
输入后,按钮1可用,按钮2可正确跳转
[attach]3936[/attach]2010-12-8 12:16




建议使用第二种,用户体验更好一些
再高级点就是动态提示每个输入框,不用在最后提交时再提醒
重点在于输入框的keyup事件,表示为键盘按下时出发,每一刻均可判断字数,时间关系没有做,这个可以参考字数判断哪个原理
[attach]3937[/attach]checkinfo.rp (62.65 KB)下载次数:198
2010-12-8 12:16








收藏分享评分




欢迎光临 爱评测-移动互联网评测 (http://www.aipingce.com/) Powered by Discuz! X3.2