MiniUI學習筆記1-表單控件

一、輸入框樣式

class="mini-textbox"    //普通輸入框
class="mini-password"    //密碼輸入框
class="mini-textarea"    //文本輸入框
lass="mini-datepicker"    //日期選擇（value="2010-10-12"）
class="mini-spinner"    //數字框（value="22" minValue="10" maxValue="50"）
class="mini-timespinner"    //時間微調（format="H:mm"）
class="mini-checkbox"    //選擇框（value="Y" trueValue="Y" falseValue="N"）
class="mini-combobox"    //下拉選擇框（showNullItem="true" url="../data/countrys.txt" textField="text" valueField="id" value="cn"）
class="mini-treeselect"    //樹選擇框（url="../data/listTree.txt" multiSelect="true" textField="text" valueField="id" parentField="pid" checkRecursive="true"
                            value="ajax"）
class="mini-checkboxlist"    //複選框（repeatItems="3" repeatLayout="flow" url="../data/countrys.txt" value="cn,de,usa" textField="text" valueField="id"）
class="mini-radiobuttonlist"    //單選框（value="en" repeatItems="4" repeatDirection="vertical" repeatLayout="table" url="../data/countrys.txt"
textField="text" valueField="id"）
class="mini-listbox"    //展開的選擇框（url="../data/countrys.txt" value="fr" textField="text" valueField="id" style="height:120px;"）

 

 

二、輸入內容限制

required="true"    //不容許爲空
requiredErrorText="賬號不能爲空"
minLengthErrorText="密碼不能少於5個字符"

onvalidation="onUserNameValidation"    //輸入框驗證，添加事件function onUserNameValidation(e){}，輸入後自動出發

vtype="email"    //必須是郵箱地址
vtype="url"        //必須是URL
vtype="int"        //必須是整數(int)
vtype="float"    //必須是數字(float)    
vtype="maxLength:6"    //字符串長度（<= 6）
vtype="minLength:2"    //字符串長度（>= 2）
vtype="rangeLength:2,6"    //字符串長度（2-6）
vtype="rangeChar:2,6"    //字符數個數（2-6）
vtype="range:0,100"        //數字範圍（0-100）
vtype="date:yyyy-MM-dd"    //必須是日期格式（如yyyy-MM-dd）
vtype="date:MM/dd/yyyy"    //必須是日期格式（如MM/dd/yyyy）
vtype="email;rangeLength:5,20;"    //郵箱格式，5~20個字符（組合）
onvalidation="onEnglishValidation"    //必須輸入英文（自定義）    
vtype="english"                        //必須輸入英文（自定義vtype）
onvalidation="onEnglishAndNumberValidation"    //必須輸入英文+數字（自定義）        
onvalidation="onChineseValidation"            //必須輸入中文（自定義）    
onvalidation="onIDCardsValidation"            //身份證驗證15~18位（自定義）

 

 

三、表單操做

class="mini-datagrid"
if (form.isValid() == false) return;
var form = new mini.Form("#form1");
var data = form.getData();      //獲取表單多個控件的數據
form.setData(data);    //設置控件數據
form.unmask();
form.clear();    //清除表單
form.reset();    //重置表單