jQuery MiniUI 開發教程 表格控制項 表格編輯：儲存格編輯驗證（十四）

           
           
          
參考樣本：儲存格編輯驗證

                    
一：設定編輯器驗證規則

<div field="loginname" width="120" headerAlign="center" allowSort="true">員工帳號
    <input property="editor" class="mini-textbox" style="width:100%;" required="true" vtype="email"  />
</div>      
使用編輯器的vtype和onvalidation事件，可以實現編輯器驗證規則。詳細可以查看：資料驗證。
          
二：監聽處理cellcommitedit事件

//提交儲存格編輯資料前激發
function onCellCommitEdit(e) {
    var editor = e.editor;
    editor.validate();
    if (editor.isValid() == false) {
        alert(editor.getErrorText());
        e.cancel = true;
    }
}
grid.on("cellcommitedit", onCellCommitEdit);

Grid的cellcommitedit事件，在編輯值提交前激發。此時，可以調用編輯器的驗證方法validate，判斷輸入的內容是否符合驗證規則。