1. 輸入框樣式
class="mini-textbox" //普通輸入框
class="mini-password"? ? //密碼輸入框
class="mini-textarea"? ? //文本輸入框
lass="mini-datepicker"? ? //日期選擇(value="2010-10-12")
class="mini-spinner"? ? //數(shù)字框(value="22" minValue="10" maxValue="50")
class="mini-timespinner"? ? //時(shí)間微調(diào)(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"? ? //復(fù)選框(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;")
2.輸入內(nèi)容限制
miniui官方校驗(yàn)實(shí)例:
http://www.miniui.com/demo/#src=form/rules.html
required="true" //不允許為空
requiredErrorText="帳號(hào)不能為空"
minLengthErrorText="密碼不能少于5個(gè)字符"
onvalidation="onUserNameValidation"? ? //輸入框驗(yàn)證毙石,添加事件function onUserNameValidation(e){}爷狈,輸入后自動(dòng)出發(fā)
vtype="email"? ? //必須是郵箱地址
vtype="url"? ? ? ? //必須是URL
vtype="int"? ? ? ? //必須是整數(shù)(int)
vtype="float"? ? //必須是數(shù)字(float)? ?
vtype="maxLength:6"? ? //字符串長度(<= 6)
vtype="minLength:2"? ? //字符串長度(>= 2)
vtype="rangeLength:2,6"? ? //字符串長度(2-6)
vtype="rangeChar:2,6"? ? //字符數(shù)個(gè)數(shù)(2-6)
vtype="range:0,100"? ? ? ? //數(shù)字范圍(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個(gè)字符(組合)
onvalidation="onEnglishValidation"? ? //必須輸入英文(自定義)? ?
vtype="english"? ? ? ? ? ? ? ? ? ? ? ? //必須輸入英文(自定義vtype)
onvalidation="onEnglishAndNumberValidation"? ? //必須輸入英文+數(shù)字(自定義)? ? ? ?
onvalidation="onChineseValidation"? ? ? ? ? ? //必須輸入中文(自定義)? ?
onvalidation="onIDCardsValidation"? ? ? ? ? ? //身份證驗(yàn)證15~18位(自定義)
3.表單操作
class="mini-datagrid"
if (form.isValid() == false) return;
var form = new mini.Form("#form1");
var data = form.getData();? ? ? //獲取表單多個(gè)控件的數(shù)據(jù)
form.setData(data);? ? //設(shè)置控件數(shù)據(jù)
form.unmask();
form.clear();? ? //清除表單
form.reset();? ? //重置表單