Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<input type='text' onKeyUp='validaceEmailu(this, "code")' /> <span id='code'></span> <div id='napoveda'> Funkce <code>validaceEmailu</code> obsahuje 2 parametry. <br /><br /> <table border='1px'> <tr style='font-weight: bold'> <td>Parametr</td> <td>Popis</td> <td>Hodnota</td> </tr> <tr> <td>1</td> <td>Aktuální element</td> <td>this</td> </tr> <tr> <td>2</td> <td>ID elementu kam se má vypisovat chyba</td> <td>chyba</td> </tr> </table> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#napoveda{ margin-top: 25px; border: 1px solid; padding: 20px; width: 350px; } code{ border: 1px solid green; background-color: #CCFF00; padding: 2px; margin: 2px; }
CSS
Autoformát
CSS reset
Až na konci
function validaceEmailu(co, id){ var text = document.getElementById(id); if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(co.value)) { text.innerHTML = 'Email správně'; co.style.backgroundColor='green'; return (true) } text.innerHTML = 'Email chybně'; co.style.backgroundColor = 'red'; return (false); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>