Jednoduché demo validace e-mailů

Pokud je e-mail zadán správně, zobrazí se zelená ikonka. Pokud je zadán špatně zobrazí se výstražná ikona a chybová hláška.

Formulář pro validaci e-mailové adresy:

Zdrojový kód – JavaScript:

<script type="text/javascript" src="https://client.smartform.cz/v2/smartform.js" async></script>
<script type="text/javascript">
    var smartform = smartform || {};
    
    smartform.beforeInit = function () {
        smartform.setClientId('[clientId]');
    }

    /* Zapne zobrazování ikonek a validačních zpráv. */
    smartform.afterInit = function() {
        smartform.getInstance().emailControl.setShowValidationStateEnabled(true);
        smartform.getInstance().emailControl.setShowMessageEnabled(true);
    }
}
                                                                                                                                                                                        
</script>

Zdrojový kód – HTML pro formulář:

<form>
   <input class="smartform-email" id="mail" placeholder="Zadejte e-mailovou adresu" required="" type="text" />
</form>