form1

first try at a form

by Taylor Zimmerman

HTML

<!DOCTYPE html>
<html>
<head>
<title>Form Example</title>
<form name=”inputForm” onsubmit=”return ValidateForm();” method=”post” action=”mailto:[email protected]” >
Input Full Name: <input type=”text” name=”fname” /><br/>
Input Date before today: <input type=”date” name=”bday” placeholder=”mm/dd/yyyy” /><br/>
<input type=”submit” value=”submit” />
</form>
</body>
</html>

JavaScript

function ValidateForm()
{
	var fname = document.forms[“inputForm”][“fname”].value;
	if (!ValidateNotBlank(fname, “Name” ))  return false;
	var bday = document.forms[“inputForm”][“bday”].value;
	if (!ValidateNotBlank(bday, “Date” ))  return false;
	if (!ValidateDate()) return false;
	return true;
}

function ValidateNotBlank(val, message)
{
if (val == null || val == “”)
{
alert(“Must enter a value for ” + message);
return false;
}
return true;
}

function ValidateDate()
{
var d = document.forms[“inputForm”][“bday”].value;
var d_as_date = Date.parse(d);
var today = new Date();

if (d_as_date > today)
{
alert(“The date entered is after today”);
return false;
}
return true;
}