<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/7162e8e49da84a9e9471f3afacb07a66&quot; frameborder=&quot;0&quot; width=&quot;1725&quot; height=&quot;1294&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1294</height><width>1725</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1294</thumbnail_height><thumbnail_width>1725</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/7162e8e49da84a9e9471f3afacb07a66-8da09cbc24e89123.gif</thumbnail_url><duration>141.657</duration><title>Building Reusable Form Validation with Validate.js</title><description>This Loom explains how to build reusable form validation in JavaScript using a dedicated Validate.js folder. Eric Mitchell describes using several functions, including enable validation, set event listeners, show input error, hide input error, and toggle button state, to keep the code organized and scalable across multiple forms. He emphasizes that enable validation is the heartbeat of the form system because it initializes validation for all forms on the site rather than duplicating work per form. He also covers using event listeners to validate in real time as users type and updating the UI by showing errors and removing them once issues are fixed.</description></oembed>