I am using Combo with Form
[
{type: "settings", position: "label-left", labelWidth: 90, inputWidth: 130},
{type: "block", width: "auto", blockOffset: 40, list: [
{type: "label", label: "<span style=\'color:white\'>ENTER DETAILS</span>", value: "", name: "LABEL_DETAILS", labelWidth: "200", className: "DHTMLX_LABEL1", labelHeight: "15"},
{type: "combo", label: "ITEM NAME", name:"ITEM_NAME",inputWidth:200, filtering: true, filterCache: true,style: "font-weight:bold;background-color:#edeaea;", validate:"NotEmpty",required:true, tooltip: "ITEM NAME MUST BE UNIQUE",options:[
{text: "Astra", value: "2"},
{text: "Top", value: "2"}
]},
{type: "select", label: "ITEM TYPE", value: "", name: "ITEM_TYPE", inputWidth: "200", style: "font-weight:bold;background-color:#edeaea;", required: true, validate: "NotEmpty", maxLength: "20", tooltip: "SELECT ITEM TYPE", icon: "icon-input",options:[
{text: "Admin", value: "admin"},
{text: "Organiser", value: "org"},
{text: "Power User", value: "poweruser"},
{text: "User", value: "user", selected:true}
]},
{type: "newcolumn", offset: "20"},
{type: "label", label: "<span style=\'color:white\'>ENTER RATES</span>", value: "", name: "LABEL_RATE", labelWidth: "200", className: "DHTMLX_LABEL1", labelHeight: "15"},
{type: "input", label: "MASTER PRICE", name: "MASTER_PRICE", inputWidth: "100", style: "font-weight:bold;background-color:#edeaea;", required: true, validate: "ValidNumeric", maxLength: "3", tooltip: "Enter rate for master", icon: "icon-select", labelWidth: "150"},
{type: "input", label: "TAILOR PRICE", name: "TAILOR_PRICE", inputWidth: "100", style: "font-weight:bold;background-color:#edeaea;", required: true, validate: "ValidNumeric", maxLength: "3", tooltip: "Enter rate for master", icon: "icon-input", labelWidth: "150"},
{type: "input", label: "FINISHER PRICE", name: "FINISHER_PRICE", inputWidth: "100", style: "font-weight:bold;background-color:#edeaea;", required: true, validate: "ValidNumeric", maxLength: "3", tooltip: "Enter rate for master", icon: "icon-input", labelWidth: "150"}
]},
{type: "newcolumn", offset: "20"},
{type: "label", label: "<span style=\'color:white\'>OTHER OPTION</span>", value: "", name: "OTHERS", labelWidth: "200", className: "DHTMLX_LABEL1", labelHeight: "15", icon: "icon-label"},
{type: "btn2state", name:"ACTIVE",label: "ACTIVE", checked: true, labelWidth: "150"}
]
With live validation on all inputs are validating ok but Select and Combo validation not working , not even with custom method… But it’s working form.validate() , some issue with live validation pls help