Validate Forms - Cool Feature

[Tom]

Hi everybody,

 

here you ll find a cool feature how easy you can integrate form validation in ExtJs (see screenshot above). Its a little bit similar to c# validations components.

 

How it works:

 

1) Insert the following code in MainForm.Scripts property:

 

Ext.QuickTips.init();

 

2) Assign the client-side event "onafterrender" to any form element you wish validation for and add the following code to enable the validation feautre:

 

ClientEvent.ExtEvents -> onAfterrender

 sender.allowBlank = false;

 

3) here you are... all fields with allowBlank = false will turn into red an will show an QuickTip as far as the user dont enter required text.

 

hope it ll improve user experience of your app!

[dionel1969]

Thank you. I'll remeber it.

[Javi]

Hi Farshad

 

With version 0.86, was displayed correctly. Now with version 0.87.0 build 907, the QuickTips are displayed wrong.

 

thanks

 

-------------------------------------------------------

 

Hi Farjasdf

 

Con la version 0.86, se visualizaba correctamente. Ahora con la versión 0.87.0 build 907, los QuickTips se visualizan mal.

 

Gracias

 

Javi

[Farshad Mohajeri]

With version 0.86, was displayed correctly. Now with version 0.87.0 build 907, the QuickTips are displayed wrong.

 

You mean Hint property?

[gm3h]

Just FYI:

To reset the validation status of every field in the form, you can use this:

UniSession.AddJS(Self.WebForm.ExtForm.JSName+'.form.reset()');

[dionel1969]

I don't know why, but I was using this feature today and there was an error all the time. I cancel it caused by speed of upload a beta release to my own server. So, later I will try to use again and I will ask about it.

[Sebastiao Purcini]

Very good man.

 

How can I validate the fields in the "onclick" event of the button ?

 

Tks!