UI標籤庫專題三 JEECG智慧開發平臺 FormValidation 表單提交及驗證標籤
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow
也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!
1. FormValidation(表單提交及驗證標籤)
1.1. 引數
屬性名 |
型別 |
描述 |
是否必須 |
預設值 |
action |
string |
表單提交路徑 |
否 |
null |
formid |
string |
表單唯一標示 |
是 |
formobj |
refresh |
boolean |
dialog為true時是否重新整理父頁面 |
否 |
true |
callback |
string |
表單提交完成後的回撥函式 |
否 |
null |
beforeSubmit |
string |
表單提交前的處理函式 |
否 |
null |
btnsub |
string |
觸發表單提交事件的按鈕ID |
否 |
btn_sub |
btnreset |
string |
觸發表單重置事件的按鈕ID |
否 |
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> |