Mikulas · December 12, 2015 02:49
diff --git a/gistfile1.html b/gistfile1.html
 <!DOCTYPE html>
 <html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Formulář</title>
  <style type='text/css'>
    form {margin-top: 2ex;}
 label, input {font-family: Helvetica, Arial}
 label {display: inline-block; width: 100px; text-align: right;}
 input {margin-bottom: 1ex;}
 input[type=submit] {margin: 1em;}
 #errors {color: red;}
  </style>
  


 <script type='text/javascript'>//<![CDATA[ 
 window.onload=function(){
 var errors = document.getElementById("errors");
 var form = document.forms["form"];

 form.onsubmit = function() {
    errors.innerHTML = "";
    if (form['name'].value.trim() === "") {
        var error = document.createElement("li");
        error.appendChild(document.createTextNode("Vyplňte jméno"));
        errors.appendChild(error);
        return false;
    }
    
    if (form['password'].value.trim() === "") {
        var error = document.createElement("li");
        error.appendChild(document.createTextNode("Vyplňte heslo"));
        errors.appendChild(error);
        return false;
    }
    
    if (form['password'].value.trim() !== form['verification'].value.trim()) {
        var error = document.createElement("li");
        error.appendChild(document.createTextNode("Hesla se neschodují"));
        errors.appendChild(error);
        return false;
    }
 };

 }//]]>  

 </script>


 </head>
 <body>
  <form id="form">
    <label for="name">Jméno:</label> <input type="text" name="name" id="name" placeholder="Jakub Tóth"/><br/>
    <label for="password">Heslo:</label> <input type="password" name="password" id="password"/><br/>
    <label for="verification">Heslo znovu:</label> <input type="password" name="verification" id="verification"/><br/>
    <input type="submit" value="Odeslat" id="submit"/><br/>
 </form>
 <ul id="errors"> 
 </ul>

  
 </body>


 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>Formulář</title>
	<style type='text/css'>
	form {margin-top: 2ex;}
	label, input {font-family: Helvetica, Arial}
	label {display: inline-block; width: 100px; text-align: right;}
	input {margin-bottom: 1ex;}
	input[type=submit] {margin: 1em;}
	#errors {color: red;}
	</style>



	<script type='text/javascript'>//<![CDATA[
	window.onload=function(){
	var errors = document.getElementById("errors");
	var form = document.forms["form"];

	form.onsubmit = function() {
	errors.innerHTML = "";
	if (form['name'].value.trim() === "") {
	var error = document.createElement("li");
	error.appendChild(document.createTextNode("Vyplňte jméno"));
	errors.appendChild(error);
	return false;
	}

	if (form['password'].value.trim() === "") {
	var error = document.createElement("li");
	error.appendChild(document.createTextNode("Vyplňte heslo"));
	errors.appendChild(error);
	return false;
	}

	if (form['password'].value.trim() !== form['verification'].value.trim()) {
	var error = document.createElement("li");
	error.appendChild(document.createTextNode("Hesla se neschodují"));
	errors.appendChild(error);
	return false;
	}
	};

	}//]]>

	</script>


	</head>
	<body>
	<form id="form">
	<label for="name">Jméno:</label> <input type="text" name="name" id="name" placeholder="Jakub Tóth"/><br/>
	<label for="password">Heslo:</label> <input type="password" name="password" id="password"/><br/>
	<label for="verification">Heslo znovu:</label> <input type="password" name="verification" id="verification"/><br/>
	<input type="submit" value="Odeslat" id="submit"/><br/>
	</form>
	<ul id="errors">
	</ul>


	</body>


	</html>