1. 程式人生 > >UI標簽庫專題三 JEECG智能開發平臺 FormValidation 表單提交及驗證標簽

UI標簽庫專題三 JEECG智能開發平臺 FormValidation 表單提交及驗證標簽

lin 標示 role wrap 對象 ria class ecg jee

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>

再分享一下我老師大神的人工智能教程吧。零基礎!通俗易懂!風趣幽默!還帶黃段子!希望你也加入到我們人工智能的隊伍中來!https://blog.csdn.net/jiangjunshow

UI標簽庫專題三 JEECG智能開發平臺 FormValidation 表單提交及驗證標簽