首页 > 代码库 > UI标签库专题三:JEECG智能开发平台 FormValidation(表单提交及验证标签)
UI标签库专题三:JEECG智能开发平台 FormValidation(表单提交及验证标签)
1. FormValidation(表单提交及验证标签)
1.1. 参数
属性名 | 类型 | 描述 | 是否必须 | 默认值 |
action | string | 表单提交路径 | 否 | null |
formid | string | 表单唯一标示 | 是 | formobj |
refresh | boolean | dialog为true时是否刷新父页面 | 否 | true |
callback | string | 表单提交完成后的回调函数 | 否 | null |
beforeSubmit | string | 表单提交前的处理函数 | 否 | null |
btnsub | string | 触发表单提交事件的按钮ID | 否 | btn_sub |
btnreset | string | 触发表单重置事件的按钮ID | 否 | btn_reset |
layout | string | 表单布局方式(div和table可选) | 是 | div |
usePlugin | string | 表单外调插件名称(可选插件,jqtransform:表单美化) | 否 | null |
dialog | boolean | 是否是弹出窗口模式 | 是 | true |
tabtitle | string | 表单布为div时多选项卡布局分组标题 | 否 | null |
tiptype | string | 表单校验提示方式 | 否 | 4 |
1.2. 用法(div)
<t:formvalid formid="formobj" layout="div" dialog="true" action="roleController.do?saveRole"> <fieldset class="step"> <div class="form"> <label class="Validform_label">字段标题:</label> <input name="roleName" class="inputxt" value=http://www.mamicode.com/"${role.roleName }" datatype="s2-8"> <span class="Validform_checktip">字段说明</span> </div> </fieldset> </t:formvalid>
|
1.3. 表单校验提示方式(tiptype)
1 | 自定义弹出框提示;onblur的时候就会提示,当输入正确后,1秒中后会自动消失。 |
2 | 侧边提示(会在当前元素的父级的next对象的子级查找显示提示信息的对象,表单以ajax提交时会弹出自定义提示框显示表单提交状态); |
3 | 侧边提示(会在当前元素的siblings对象中查找显示提示信息的对象,表单以ajax提交时会弹出自定义提示框显示表单提交状态); |
4 | 侧边提示(会在当前元素的父级的next对象下查找显示提示信息的对象,表单以ajax提交时不显示表单的提交状态) |
1.4. 用法(table)
<t:formvalid formid="formobj" layout="table" dialog="true" action="roleController.do?save"> <tr> <td align="right" width="10%" nowrap> <label class="Validform_label"> 字段标题: </label> </td> <td class="value" width="10%"> <input id="realName" class="inputxt" name="realName" value=http://www.mamicode.com/"${user.realName }" datatype="s2-10"> <span class="Validform_checktip">字段说明</span> </td> </tr> </t:formvalid> |