1.0Simple Talkhttps://www.red-gate.com/simple-talkDino Espositohttps://www.red-gate.com/simple-talk/author/dino-esposito/rich600338<blockquote class="wp-embedded-content" data-secret="pudQ3m4Kuv"><a href="https://www.red-gate.com/simple-talk/development/javascript/better-html5-input-fields/">Better HTML5 Input Fields</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.red-gate.com/simple-talk/development/javascript/better-html5-input-fields/embed/#?secret=pudQ3m4Kuv" width="600" height="338" title="“Better HTML5 Input Fields” — Simple Talk" data-secret="pudQ3m4Kuv" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); //# sourceURL=https://www.red-gate.com/simple-talk/wp-includes/js/wp-embed.min.js /* ]]> */ </script> Filling out online forms is often tedious, but it's even more frustrating when the input is not checked until you click Submit. In this article, Dino Esposito shows how to create smart forms that validate the input as it's being entered.https://www.red-gate.com/simple-talk/wp-content/uploads/2019/01/word-image-80.png