Počítačové sítě a operační systémy
Jaromír Plhák, 5.4.2018PB169 Počítačové sítě a operační systémy
Cvičení 8 – Formuláře, JavaScript
a JQuery
PB169 Počítačové sítě a operační systémy Snímek 2 z 52
Html formuláře
• http://www.w3schools.com/html/html_forms.
asp
• Vytvořte stránku, kde uživatel bude zadávat
své jméno, příjmení, zvolí své pohlaví a zadá
heslo (2x)
PB169 Počítačové sítě a operační systémy Snímek 3 z 52
JavaScript
• http://www.w3schools.com/html/html_scripts.asp
• <script></script>
• <script src="./js/main.js"></script>
function check_name(el) {
if (el.value.length > 0) {
document.getElementById('id1').textContent = 'OK';
}
else {
document.getElementById('id1').textContent = 'NOK';
}
}
PB169 Počítačové sítě a operační systémy Snímek 4 z 52
JavaScript - Úkol
• Pomocí JavaScriptu ověřte následující
– Jméno a příjmení je vyplněno (je zde alespoň jeden znak)
– Heslo má alespoň 8 znaků
– Zopakované heslo je stejné jako původní
• Dávejte průběžně uživateli zpětnou vazbu o korektním
vyplnění
• Po kliknutí na tlačítko odeslat vypište hlášku
„<pan/paní> <jméno> zaregistrován.“ nebo “Údaje
nebyly vyplněny korektně.”
• BONUS: Vytvořte stejnou stránku pomocí knihovny
JQuery