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

Published on Nov 9, 2017 by Eddie Yao on blogs.perficient.com

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.

Read the full post "AEM Touch UI Dialog Validation New Best Practice: Use Foundation-Validation" on blogs.perficient.com