应用说明:
1、输入框表单验证有失去焦点时验证和点击提交按钮时验证两种方式,请根据场景选择验证方式;
2、以上提供了几种常见的表单组件验证反馈的状态示例:验证成功、 验证错误、验证为空;
3、为了提升输出效率,对于形式复杂或字段较多的表单验证及反馈效果不建议在原型中实现,相关反馈提示可以以标注的方式进行说明;
4、下图提供了关于规则标注的方式作为参考;
表单验证具体阐述:
文本框类:
-
单行文本框:可提供校验规则,比如格式是邮箱、手机号、正则表达式、字符长度等;
-
多行文本框:同上;
-
数字框:可校验是整数、小数、正数、负数等;
选择类:
-
日期:可设置日期的格式(年月日时分秒的组合),可选范围
-
评分:可设置分值范围,是否允许半分。
-
下拉框:可自定义选项,调整选项顺序ÿ