Test zabránění validace pomocí atributu novalidate

Výsledek

<title>Test zabránění validace pomocí atributu novalidate</title>
<h1>Test zabránění validace pomocí atributu <code>novalidate</code></h1>

<h2><code>novalidate</code></h2>
<form onsubmit="alert('Jakože odesláno'); return false" novalidate>
<p>
    <label>Poviné pole: <input type="text" required></label>
</p>
<p>
    <label>Max 5 znaků: <input type="text" maxlength="5" value="123456"></label>
</p>
<p>
    <label>Číslo 1–5: <input type="number" number="5" min="1" max="5" value="6"></label>
</p>
<p>
  <label>E-mail: <input type="email" required></label>
  <button>Odeslat</button>
</p>
</form>

<h2>S validací</h2>
<form onsubmit="alert('Jakože odesláno'); return false">
<p>
    <label>Poviné pole: <input type="text" required></label>
</p>
<p>
    <label>Max 5 znaků: <input type="text" maxlength="5" value="123456"></label>
</p>
<p>
    <label>Číslo 1–5: <input type="number" number="5" min="1" max="5" value="6"></label>
</p>
<p>
  <label>E-mail: <input type="email" required></label>
  <button>Odeslat</button>
</p>
</form>

HTML

Autoformát
Standardní režim
Mobilní zobrazení

CSS

Autoformát
CSS reset
Až na konci

JS

Autoformát
jQuery
Umístění JS