<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>My Page</title>
<style type="text/css">
.newAdd {width:20%; height:100px; margin-left:10%; margin-top:10px; margin-bottom:10px; float:left; border:1px #000 solid; text-align:center}
</style>
</head>
<body style="background-color:grey;">
<center><form name="form1" onsubmit="return validateForm();" method="post" style="margin-top:25px;">
<label for='mail'>Name*</label>
<p>
<input type="text" name="name" id="name">
</p>
<label for='mail'>E-mail*</label>
<p>
<input type="text" name="email" id="email">
</p>
<label for='mail'>Comment*</label>
<p>
<textarea name="comment" id="comment" cols="40" rows="3" maxlength="120"></textarea>
</p>
<p>
<input type="submit" value="Submit">
</p>
</form></center>
<div id="maindiv" style="width:1000px; height:auto; overflow:hidden; background-color:white; margin-left:auto; margin-right:auto; border:1px #000 solid">
<div class="newAdd">1111111111111111111</div>
<div class="newAdd">2222222222222222222</div>
</div>
</body>
</html>
<script type="text/javascript">
var invalid = 0;
function validateForm()
{
invalid = 0;
if(document.getElementById("name").value == "")
{
alert("Fill in your name");
invalid += 1;
}
if(document.getElementById("name").value.length < 3)
{
alert("Your name too short");
invalid += 1;
}
if(document.getElementById("email").value.indexOf("@") == -1)
{
alert("Bad E-mail");
invalid += 1;
}
if(document.getElementById("email").value.lastIndexOf(".") < document.getElementById("email").value.indexOf("@")+2)
{
alert("Bad E-mail 1");
invalid += 1;
}
if(document.getElementById("comment").value == "")
{
alert("Comment Empty");
invalid += 1;
}
if(document.getElementById("comment").value.length < 15)
{
alert("Comment to short");
invalid += 1;
}
if(invalid != 0)
{
return false;
}
else
{
return true;
/*если True то должно вставить на страницу
var newDiv = document.createElement('div');
div.className = 'newAdd';
var divList = document.getElementById('maindiv');
var firstDiv= divList.getElementsByTagName('div')[0]
newDiv.InnerHTML = document.getElementById('name').value;
divList.insertBefore(newDiv , firstDiv); */
}
}
</script>
Вот такой весь код
Как это все правильно реализовать ? )