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="email" class="email" value="name@example.com"> <span class="help"></span>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
// nastavní události na focus pole $(".email").on("focus", function(){ // pokud je hodnota pole výchozí, tak ji smažu if($(this).val() === $(this).prop("defaultValue")) { $(this).val(""); } }); // nastavení události na blur pole $(".email").on("blur", function(){ // pokud je pole prázdné, nastavím výchozí hodnotu if($(this).val().length === 0) { $(this).val($(this).prop("defaultValue")); } else { // pokud prázné nebylo, zkontroluji pomocí regulárního výrazu platnost emailu if(!$(this).val().match(/\S+@\S+\.\S+/)) { $(".help").html("Email je ve špatném formátu."); } else { $(".help").html("Email je v pořádku."); } } });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>