dijit.form.ValidationTextBox

Fig 1. Error message is shown when user type wrong Dutch zip code

In our 4-days XPages course we look at the several possible input validation strategies, client-side and server-side.

One of the students, Oscar Bout,  expert on Dojo told me he was missing the client-side Dojo strategy using the dijit.form.ValidationTextBox control in combination with and dojo.form.Form.

We tried his code which gaves the error popup as shown in fig. 1

How to implement this?

1. Select the Edit Box Control and select All Properties\dojo \dojoType and enter dijit.form.ValidationTextBox;
2. Select All Properties \ Dojo \ dojoAttributes and click 3 time on the + button to create three attributes (see fig 2):
   1. Dojo attribute 1: name: invalidMessage, value: your error message
   2. Dojo attribute 2: name: required, value: true
   3. Dojo attribute 3: name: regExp, value (your regular expression to test the input):
      [0-9]{4}[ a-zA-Z][a-zA-Z]{1,2}
3. Select the XPage and select All Properties\dojo and enter the next values (see fig 3):
   1. dojoForm: true
   2. dojoParseOnLoad: false
   3. dojoThemo: true

fig2. dijit.form.ValidationTextBox

fig 3. XPages dojo form value