表单验证:表单验证是一门处理在一个web表单里检查用户提供的信息是否正确的技术,表单验证意味着和用户的交流并引导他们改正错误和不确定的输入。
两种类型
1.提交后验证
2.在线验证
重要元素
避免困惑,清晰的表达
合适的时间(tips:内联验证和Vimeo 验证,立即响应的形式)
合适的地方(tips:把信息放到操作的上下文中。)
合适的颜色(tips:错误为红色,通知为蓝色,警告为黄色,成功确认为绿色。)
正确的表达(tips:作为一条验证消息,它应该能够清晰地表明:
当前发生了什么事
下一步用户应该做什么(成功的确认消息除外)
还应避免使用专业术语。)
表单结构
1.头部标题
2.表单字段
3.表单字段信息
4.表单验证信息
常见对齐方式
1.顶部对齐
2.左对齐
3.右对齐
4.居内对齐