Jump to content

Validate Forms - Cool Feature


Tom
 Share

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...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...