您的位置:首页 > 产品设计 > UI/UE

UI标签库专题三:JEECG智能开发平台 FormValidation(表单提交及验证标签)

2014-06-04 23:02 447 查看


1. FormValidation(表单提交及验证标签)

1.1. 参数

属性名类型描述是否必须默认值
actionstring表单提交路径null
formidstring表单唯一标示formobj
refreshbooleandialog为true时是否刷新父页面true
callbackstring表单提交完成后的回调函数null
beforeSubmitstring表单提交前的处理函数null
btnsubstring触发表单提交事件的按钮IDbtn_sub
btnresetstring触发表单重置事件的按钮IDbtn_reset
layoutstring表单布局方式(div和table可选)div
usePluginstring表单外调插件名称(可选插件,jqtransform:表单美化)null
dialogboolean是否是弹出窗口模式true
tabtitlestring表单布为div时多选项卡布局分组标题null
tiptypestring表单校验提示方式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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐