In the previous recipe, we saw out-of-the-box validations available in Sencha Touch. However, for various practical reasons, we may have a need to create additional validation rules and use them across the application. For example, the payment amount must not be negative; date must be prior to today's date, and so on.
In this recipe, we will go through the steps to create a new validation rule and use it in the application.
Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.
Carry out the following steps:
Create and open a new file named
ch05_07.js
and paste the following code into it:Ext.setup({ onReady: function() { Ext.apply(Ext.data.validations, { checkdateMessage: 'date is not within the allowed range', checkdate: function(config, value) { if (value === undefined) { return false; } var graceDays = Ext.isEmpty(config.grace) ? 1...