??
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="${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="${user.realName }" datatype="s2-10"> <span class="Validform_checktip">字段说明</span> </td> </tr> </t:formvalid> |
UI标签库专题三:JEECG智能开发平台 FormValidation(表单提交及验证标签)
时间: 2024-12-28 06:34:10