Web应用开发其它前端控件的详细介绍(八).docVIP

为合作伙伴创造价值 PAGE 35 表单验证 表单的class类需要加上ui-from，否则无法执行本验证方法，验证的属性参数需要填写在对应表单控件html标签上。 ? data-checked?默认选择项 说明：让表单对应默认选择项与程序数据一致，用于radio、checkbox、select，其中data-checked里面的值为对应选项的值。 支持类型：radio、checkbox、select 示例代码： radio示例： 1 labelinput?name=radio1?type=radio?value=1?data-checked=2选项一/label 2 labelinput?name=radio1?type=radio?value=2选项二/label 3 labelinput?name=radio1?type=radio?value=3选项三/label 注意：请将data-checked放在第一个radio上面。 ? checkbox示例： 1 labelinput?name=checkbox1?type=checkbox?value=1?data-checked=1|2|3选项一/label 2 labelinput?name=checkbox1?type=checkbox?value=2选项二/label 3 labelinput?name=checkbox1?type=checkbox?value=3选项三/label 注意： 1、data-checked里面的值如果有多个被选中，将对应的值用竖线|划分开来即可。 2、本表单UI支持同name的checkbox，提交后会自动处理为：值|值|值...的格式，程序只需要以|拆分为数组即可获得对应值。 ? select示例： 1 select?name=gthrtrt?data-checked=长沙 2 option?value=请选择/option 3 option?value=北京选项一/option 4 option?value=上海选项二/option 5 option?value=长沙选项三/option 6 /select ? ———————————————————————————————————————————————————————————— ? placeholder?预设文字 说明：输入框提示文字，为空时显示，输入文字后消失。 示例： 1 input?type=input?name=name?placeholder=输入您的姓名?value= 支持类型：input,textarea（非编辑器） ? ———————————————————————————————————————————————————————————— ? data-required?不能为空 说明：输入框或选项的值不能为空，为空则提示报错并无法提交表单。 示例： 1 input?type=input?name=name?data-required=1?value= 支持类型：input,textarea（非编辑器）,radio,checkbox,select 注意：radio和checkbox请把属性添加到第一个选项标签上 ? ———————————————————————————————————————————————————————————— ? data-errortxt?错误提示 说明：自定义错误提示，可以不设置，不设置则采用默认文字 示例： 1 input?type=input?name=name?data-required=1?data-errortxt=这个字段不能为空哦！?value= 支持类型：input,textarea（非编辑器）,radio,checkbox,select ? ———————————————————————————————————————————————————————————— ? data-size?字数限制 说明：限制输入框的文字字数，支持限制最小、最大和限制字数范围。 支持类型：input,textarea ? 限制最小：数值-min 如：3-min 示例： 1 input?type=input?name=name?value=?data-size=3-min?data-errortxt=请输入至少3个字符 ? 限制最大：数值-max 如：100-max 示例： 1 input?type=