Bike Shelter

by freedawirl

HTML

<link rel="stylesheet" href="//capmetro.org/gage/styles/style.css">
<link rel="stylesheet" href="//capmetro.org/gage/vendor/bootstrap/css/bootstrap.css">
<script src="//capmetro.org/gage/vendor/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//capmetro.org/gage/styles/forms.css">
<link rel="stylesheet" href="https://app.capmetro.org/BikeStorage/Content/site.css">
<script src="//app.capmetro.org/BikeStorage/Scripts/modernizr-2.8.3.js"></script>
<script src="//app.capmetro.org/BikeStorage/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="//app.capmetro.org/BikeStorage/Scripts/jquery.validate.js"></script>
<script src="//app.capmetro.org/BikeStorage/Scripts/jquery.validate.unobtrusive.js"></script>
<script src="//app.capmetro.org/BikeStorage/Scripts/jquery.maskedinput.js"></script>
<div class="container">

<h2>MetroBike Shelter Registration</h2>
<div class="form-horizontal">
	<div class="row">
	<h4>Request</h4>
	<p>
		It's easy to take your bike along when you ride MetroBus and MetroRail. In fact, we wish you would!
	</p>
	<p>
		More people are enjoying the freedom that comes with combining cycling and transit. Bringing a bike 
			along puts more destinations within reach and gives transit riders with "last mile" challenges an additional 
			option. Helping people take their bikes when they use transit is part of Capital Metro's long-term commitment 
			to a more sustainable and healthy Austin.
	</p>
  </div>
	<div class="row">
		<div class="form-group">
			<span class="editor-label">
				<label class="control-label" for="Pass_Purchase">Pass Purchase</label>
			</span>
			<sup class="required">&nbsp;</sup>
			<span class="editor-field">
				<select id="Selection" name="Selection"><option selected="selected">New</option>
<option>Renew</option>
</select>
			</span>
		</div>

		<div id="FirstNameGroup" class="form-group">
			<span class="editor-label">
				<label class="control-label" for="FirstName">First...

JavaScript

$("#CaptchaQuestion").val('What interstate runs through Austin?');

	function toggleRequirements(isRefresh) {
		if (!isRefresh) {
			$(".field-validation-error").hide();
			$(".input-validation-error").removeClass("input-validation-error");
		}

		if ($("#Selection").val() == "New") {
			$("#ShelterPassGroup").hide();

			$("#FirstNameGroup").find(".required").text("*");
			$("#LastNameGroup").find(".required").text("*");
			$("#AddressGroup").find(".required").text("*");
			$("#CityGroup").find(".required").text("*");
			$("#StateGroup").find(".required").text("*");
			$("#ZipGroup").find(".required").text("*");
			$("#PhoneGroup").find(".required").text("*");
			$("#EmailGroup").find(".required").text("*");
			$("#Bike1ModelGroup").find(".required").text("*");
			$("#Bike1ColorGroup").find(".required").text("*");
			$("#Bike1SerialGroup").find(".required").text("*");

			$("#FirstNameGroup").find(".recommended").html("&nbsp;");
			$("#LastNameGroup").find(".recommended").html("&nbsp;");
			$("#AddressGroup").find(".recommended").html("&nbsp;");
			$("#CityGroup").find(".recommended").html("&nbsp;");
			$("#StateGroup").find(".recommended").html("&nbsp;");
			$("#ZipGroup").find(".recommended").html("&nbsp;");
			$("#PhoneGroup").find(".recommended").html("&nbsp;");
			$("#EmailGroup").find(".recommended").html("&nbsp;");
			$("#Bike1ModelGroup").find(".recommended").html("&nbsp;");
			$("#Bike1ColorGroup").find(".recommended").html("&nbsp;");
			$("#Bike1SerialGroup").find(".recommended").html("&nbsp;");
		}
		else...