MiniUI官方表單驗證示例

原文地址：http://www.miniui.com/docs/tutorial/validator.html

表單驗證

 

參考示例： 驗證規則     表單驗證     表單驗證：文本提示     表單驗證：組合驗證    

 

綁定validation事件

<input id="username" name="username" onvalidation="onUserNameValidation" class="mini-textbox" required="true" />

function onUserNameValidation(e) {
    if (e.isValid) {
        if (isEmail(e.value) == false) {
            e.errorText = "必須輸入郵件地址";
            e.isValid = false;
        }
    }
}

validation事件是實現驗證的基礎。

設置vtype

<input class="mini-textbox" vtype="email"/>

TextBox內置了vtype屬性，有如下驗證規則：email、url、int、float、maxLength、minLength、rangeLength、rangeChar、range、date等。

驗證表單

var form = new mini.Form("#form1");
form.validate();
if(form.isValid()){
    alert("驗證成功");
}