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

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


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

1.1.  参数

属性名

类型

描述

是否必须

默认值

action

string

表单提交路径

null

formid

string

表单唯一标示

formobj

refresh

boolean

dialogtrue时是否刷新父页面

true

callback

string

表单提交完成后的回调函数

null

beforeSubmit

string

表单提交前的处理函数

null

btnsub

string

触发表单提交事件的按钮ID

btn_sub

btnreset

string

触发表单重置事件的按钮ID

btn_reset

layout

string

表单布局方式(divtable可选)

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>