AEM Touch UI Dialog Validation New Best Practice: Use Foundation-Validation

Oftentimes, AEM developers will be asked to develop validator for component dialog. Back in the Classic UI dialog days, you will probably write a JavaScript function for dialog before submit event. In Touch UI dialog, if you’ve googled around, you probably found a lot articles/codes to use jQuery based validator, i.e. $.validator.register({}). Recently, I found out that this jQuery based validator is deprecated starting in AEM 6.2 (see screenshot below), where the new best practice is to use foundation-validation. In this blog, I am going to walk you through foundation-validation, the things you can do with it, using a sample icon component. You can find all the source codes in my GitHub project.

Tags