JQuery MiniUI development tutorial table control table Editing: Cell editing verification (14)

Example: Cell editing Verification

I. Set Editor verification rules

<Div field = "loginname" width = "120" headerAlign = "center" allowSort = "true"> employee account
<Input property = "editor" class = "mini-textbox" style = "width: 100%;" required = "true" vtype = "email"/>
</Div>
You can use the vtype and onvalidation events of the editor to implement the editor validation rules. For details, see data verification.

Ii. Listening for cellcommitedit events

// Triggered before the cell editing data is submitted.
Function onCellCommitEdit (e ){
Var editor = e. editor;
Editor. validate ();
If (editor. isValid () = false ){
Alert (editor. getErrorText ());
E. cancel = true;
}
}
Grid. on ("cellcommitedit", onCellCommitEdit );

The cellcommitedit event of the Grid, which is triggered before the value is submitted. In this case, you can call the editor's verification method validate to determine whether the input content meets the verification rules.