https://blog.csdn.net/zhangdaiscott/article/details/28484209
1. FormValidation(表单提交及验证标签)
1.1. 參数
属性名 | 类型 | 描写叙述 | 是否必须 | 默认值 |
action | string | 表单提交路径 | 否 | null |
formid | string | 表单唯一标示 | 是 | formobj |
refresh | boolean | dialog为true时是否刷新父页面 | 否 | true |
callback | string | 表单提交完毕后的回调函数 | 否 | null |
beforeSubmit | string | 表单提交前的处理函数 | 否 | null |
btnsub | string | 触发表单提交事件的buttonID | 否 | btn_sub |
btnreset | string | 触发表单重置事件的buttonID | 否 | 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> |