Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>testing</title>
<link href="bookingformat.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="content">
<p>To see if Jeff is available for your special day, please use this form to input your wedding date.</p>
<form method="post" action="result.php">
<p>Enter your wedding date below to see if Jeff is available</p>
<p> Please note, you must enter your date in the following format yyyy-mm-dd. </p>
<p> <span id="sprytextfield1">
<label>Wedding Date:
<input type="text" name="date_search" id="date_search" />
</label>
<span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span>
<input type="submit" value="Check Your Date"></p>
</form>
</div>
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "date", {format:"yyyy-mm-dd", hint:"yyyy-mm-dd"});
//-->
</script>
</body>
</html>
This is the form I am using.
Bookmarks