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"> <span class="help"></span>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
// výchozí hodnota inputu var defaultValue = "name@example.com"; // vložení výchozí hodnoty do inputu $(document).ready(function(){ $(".email").val(defaultValue); }); // nastavní události na focus pole $(".email").on("focus", function(){ // pokud je hodnota pole výchozí, tak ji smažu if($(this).val() === 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(defaultValue); } else { // pokud prázné nebylo, zkontroluji pomocí regulárního výrazu platnost emailu if(!$(this).val().match(/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/)) { $(".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>