<com:TForm ID="form1"> <style> .loader { position:absolute; right:0px; top:0px; color:white; background-color:#900; padding: 0.5em 1em; } input.required { border: 1px solid red; background-color: pink; } </style> <h1>Callback Custom Validator Test</h1> <com:TTextBox ID="text1" /> <com:TActiveCustomValidator ControlToValidate="text1" ErrorMessage="*" ControlCssClass="required" OnServerValidate="validate_text1"> <prop:ClientSide OnValidationError="$('status').innerHTML='Error '+(new Date())" OnValidationSuccess="$('status').innerHTML='Success '+(new Date())" OnLoading="Element.show('loader')" OnComplete="Element.hide('loader')" /> </com:TActiveCustomValidator> <span id="status"></span> <com:TButton Text="Submit" /> <span id="loader" style="display:none;" onfocus="alert('ok')" class="loader">Loading...</span> <com:TJavascriptLogger /> </com:TForm>