Jump to content

Validate Forms - Cool Feature


Tom

Recommended Posts

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!

post-205-0-87308300-1312113970_thumb.jpg

Link to comment
Share on other sites

  • 3 months later...

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

post-46-0-87463600-1322661742_thumb.jpg

post-46-0-97797700-1322661753_thumb.jpg

Link to comment
Share on other sites

  • 5 years later...

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...