Friday, December 16, 2011

Client Side Mask using af:clientListener and inputText



I just created very simple case of client side mask using af:clientListener and inputText on ADF application. We are using that functionality for unexpected data enter of users.

We can use many other javascript frameworks for that functionality. Ex: JQuery etc…

I described step by step:

1. First I have created javascript file for mask. My application structure shows below:





2. My lazy javascript file. We can use some expression for this.






3. So now I drag and drop af:clientListener from Component Pallete. This clientListener works on keyPress.






4. Final interface shows below. Now we can type only letter and only number on each inputText.





I attached my simple application. SimpleClientSIdeMask