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

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

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!

                

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>

           

給我老師的人工智慧教程打call!http://blog.csdn.net/jiangjunshow

這裡寫圖片描述