Response title
This is preview!
Move this topic
Dates, Credit Card,Phone Validation
in Using jQuery Plugins
•
9 years ago
I am new to Jquery. I created a form and am validating, "required", "emails", "dates","Credit Card Numbers" and "phone numbers".
I have "required" and "emails" working ok. I cannot figure out how to check "dates","Credit Card Numbers" and "phone numbers". Can anyone point me to examples? Remember I am new to Jquery and the more info you can give me the better.
Thanks...
I have "required" and "emails" working ok. I cannot figure out how to check "dates","Credit Card Numbers" and "phone numbers". Can anyone point me to examples? Remember I am new to Jquery and the more info you can give me the better.
Thanks...
1
Replies(9)
Re: Dates, Credit Card,Phone Validation
9 years ago
Use the appropriate validation rules from the plugin or its additional-methods module. See this fiddle for an example.
Leave a comment on kbwood.au's reply
Re: Dates, Credit Card,Phone Validation
9 years ago
Thanks for the reply. Does:
**************************************************
$('form').validate({
rules: {
reqField: 'required',
emailField: 'email',
dateField: 'date',
ccField: 'creditcard',
phoneField: 'phoneUS'
},
submitHandler: function(form) {
alert('submitted');
}
});
**********************************************************
get inserted in my current validation routine in the "head" section?
***************************************************************************
<!-- Validation function -->
<script>
function validateForm()
{
var x=document.forms["mtrres"]["Hphone"].value;
if (x==null || x=="")
{
alert("Phone must be filled out");
}
var phoneno = /^\d{10}$/;
if(document.forms["mtrres"]["Hphone"].value.match(phoneno))
{
x=" ";
}
else
{
alert("Must Be A Valid Phone Number");
return false;
}
return false;
}
</script>
**************************************************
$('form').validate({
rules: {
reqField: 'required',
emailField: 'email',
dateField: 'date',
ccField: 'creditcard',
phoneField: 'phoneUS'
},
submitHandler: function(form) {
alert('submitted');
}
});
**********************************************************
get inserted in my current validation routine in the "head" section?
***************************************************************************
<!-- Validation function -->
<script>
function validateForm()
{
var x=document.forms["mtrres"]["Hphone"].value;
if (x==null || x=="")
{
alert("Phone must be filled out");
}
var phoneno = /^\d{10}$/;
if(document.forms["mtrres"]["Hphone"].value.match(phoneno))
{
x=" ";
}
else
{
alert("Must Be A Valid Phone Number");
return false;
}
return false;
}
</script>
Leave a comment on ttfo12's reply
Re: Dates, Credit Card,Phone Validation
9 years ago
Do you have the entire HTML page for this example, so I can see where and how it all fits together?
Thanks
Thanks
Leave a comment on ttfo12's reply
Re: Dates, Credit Card,Phone Validation
9 years ago
No, the example I gave uses the Validation plugin and would completely replace your code.
Leave a comment on kbwood.au's reply
Leave a comment on ttfo12's reply
Re: Dates, Credit Card,Phone Validation
9 years ago
Could you show what you did and then explain the result? Did you get a blank page, did you get an error?
Leave a comment on valdrax's reply
Re: Dates, Credit Card,Phone Validation
9 years ago
Here is my code.
It does not go through the validation.
<html>
<head>
<title>Midwest Trail Ride Reservation Form</title>
<meta charset="utf-8">
<!--<link rel="stylesheet" href="css/screen.css" /> -->
<script src="../reservation/jquery.validate.js"></script>
<script src="../reservation/jquery.js"></script>
<!-- <script type="text/javascript" src="../reservation/jquery.validate.creditcard2.js"></script> -->
<script src="../reservation/additional-methods.js"></script>
<SCRIPT LANGUAGE="JavaScript">
$('mtrres').validate({
rules: {
DepartureDate: 'date',
creditcardno: 'creditcard'
HomePhone: 'phoneUS'
},
submitHandler: function(form) {
alert('submitted');
}
});
<script>
// datepart: 'y', 'm', 'w', 'd', 'h', 'n', 's'
Date.dateDiff = function(datepart, fromdate, todate) {
datepart = datepart.toLowerCase();
var diff = todate - fromdate;
var divideBy = { w:604800000,
d:86400000,
h:3600000,
n:60000,
s:1000 };
return Math.floor( diff/divideBy[datepart]);
}
</script>
</head>
<body bgcolor="green" text="black" >
<SCRIPT TYPE="text/javascript">
//
// This block of code extracts the <site> and <date> variables
//
var var1 = location.search.substring(1, location.search.length) /* get everything after the ? */
// replace %20's with spaces so they're readable
while (var1.indexOf("%20") != -1)
{
var index = var1.indexOf("%20")
var first = var1.substring(0,index)
var last = var1.substring(index+3,var1.length)
var1 = first + " " + last
}
// replace %26 with the & so we can find it
while (var1.indexOf("%26") != -1)
{
var index = var1.indexOf("%26")
var first = var1.substring(0,index)
var last = var1.substring(index+3,var1.length)
var1 = first + "&" + last
}
// extract the two parameters
myparams = var1.split("&")
var param1 = ""
var param2 = ""
if (myparams.length > 0) { var param1 = myparams[0] }
if (myparams.length > 1) { var param2 = myparams[1] }
var mon = "0"
var day = "1"
var year = "2013"
dateparts = param2.split("/")
if (dateparts.length == 3)
{
mon = dateparts[0]
day = dateparts[1]
year = dateparts[2]
}
else
{
// see if it's in "May 23, 2005" format
dateparts2 = param2.split(",")
if (dateparts2.length == 2)
{
dateparts3 = dateparts2[0].split(" ")
if (dateparts2.length == 2 && dateparts3.length == 2)
{
mon = dateparts3[0]
day = dateparts3[1]
year = dateparts2[1]
if (year.length == 3 || year.length == 5)
{
year = year.substring (1, year.length)
}
}
}
else
{
// see if it's in 2005-05-23 format (or 05-05-23 -- the year is assumed first if dashes are used)
dateparts4 = param2.split("-")
if (dateparts4.length == 3)
{
mon = dateparts4[1]
day = dateparts4[2]
year = dateparts4[0]
}
}
}
if (year.length == 2) { year = "20" + year }
var mon1=" "
var mon2=" "
var mon3=" "
var mon4=" "
var mon5=" "
var mon6=" "
var mon7=" "
var mon8=" "
var mon9=" "
var mon10=" "
var mon11=" "
var mon12=" "
var day1 = ""
var day2 = ""
var day3 = ""
var day4 = ""
var day5 = ""
var day6 = ""
var day7 = ""
var day8 = ""
var day9 = ""
var day10 = ""
var day11 = ""
var day12 = ""
var day13 = ""
var day14 = ""
var day15 = ""
var day16 = ""
var day17 = ""
var day18 = ""
var day19 = ""
var day20 = ""
var day21 = ""
var day22 = ""
var day23 = ""
var day24 = ""
var day25 = ""
var day26 = ""
var day27 = ""
var day28 = ""
var day29 = ""
var day30 = ""
var day31 = ""
var year2013 = ""
var year2014 = ""
var year2015 = ""
if (year == "2013") { year2013 = "selected" }
if (year == "2014") { year2014 = "selected" }
if (year == "2015") { year2015 = "selected" }
if (mon == "1") { mon1 = "selected" }
if (mon == "2") { mon2 = "selected" }
if (mon == "3") { mon3 = "selected" }
if (mon == "4") { mon4 = "selected" }
if (mon == "5") { mon5 = "selected" }
if (mon == "6") { mon6 = "selected" }
if (mon == "7") { mon7 = "selected" }
if (mon == "8") { mon8 = "selected" }
if (mon == "9") { mon9 = "selected" }
if (mon == "10") { mon10 = "selected" }
if (mon == "11") { mon11 = "selected" }
if (mon == "12") { mon12 = "selected" }
if (mon.substring(0,3) == "Jan") { mon1 = "selected" }
if (mon.substring(0,3) == "Feb") { mon2 = "selected" }
if (mon.substring(0,3) == "Mar") { mon3 = "selected" }
if (mon.substring(0,3) == "Apr") { mon4 = "selected" }
if (mon.substring(0,3) == "May") { mon5 = "selected" }
if (mon.substring(0,3) == "Jun") { mon6 = "selected" }
if (mon.substring(0,3) == "Jul") { mon7 = "selected" }
if (mon.substring(0,3) == "Aug") { mon8 = "selected" }
if (mon.substring(0,3) == "Sep") { mon9 = "selected" }
if (mon.substring(0,3) == "Oct") { mon10 = "selected" }
if (mon.substring(0,3) == "Nov") { mon11 = "selected" }
if (mon.substring(0,3) == "Dec") { mon12 = "selected" }
if (day == "1") { day1 = "selected" }
if (day == "2") { day2 = "selected" }
if (day == "3") { day3 = "selected" }
if (day == "4") { day4 = "selected" }
if (day == "5") { day5 = "selected" }
if (day == "6") { day6 = "selected" }
if (day == "7") { day7 = "selected" }
if (day == "8") { day8 = "selected" }
if (day == "9") { day9 = "selected" }
if (day == "10") { day10 = "selected" }
if (day == "11") { day11 = "selected" }
if (day == "12") { day12 = "selected" }
if (day == "13") { day13 = "selected" }
if (day == "14") { day14 = "selected" }
if (day == "15") { day15 = "selected" }
if (day == "16") { day16 = "selected" }
if (day == "17") { day17 = "selected" }
if (day == "18") { day18 = "selected" }
if (day == "19") { day19 = "selected" }
if (day == "20") { day20 = "selected" }
if (day == "21") { day21 = "selected" }
if (day == "22") { day22 = "selected" }
if (day == "23") { day23 = "selected" }
if (day == "24") { day24 = "selected" }
if (day == "25") { day25 = "selected" }
if (day == "26") { day26 = "selected" }
if (day == "27") { day27 = "selected" }
if (day == "28") { day28 = "selected" }
if (day == "29") { day29 = "selected" }
if (day == "30") { day30 = "selected" }
if (day == "31") { day31 = "selected" }
//
// OK, we have the variables --
//
</SCRIPT>
<font size="5" face="GungsuhChe">
<b> Midwest Trail Ride Reservation Form: </b></font>
<table border=2>
<form name="mtrres" action="https://www.bluehost.com/bluemail" enctype="multipart/form-data" method="POST" onsubmit="return validateForm()" language="JavaScript">
<font size="3" face="Arial">
<tr><td><label for="fname">First Name(s) (required)</label></td><td> <input id="fname" name="FirstName" minlength="2" size=30 type="text" required /></td></tr>
<tr><td><label for="lname">Last Name (required)</td><td> <input type="text" required / name="LastName" size=30></td></tr>
<tr><td><label for="cemail">E-Mail (required)</label></td><td><input id="cemail" type="email" size=30 name="email" required /></td></tr>
<tr><td><label for="Hphone">Home Phone# (required)</label> </td><td> <input id="Hphone" type="text" name="HomePhone" required / size=14></td></tr>
<tr><td><label for="Wphone">Work Phone#</label> </td><td><input id="Wphone" type="text" name="WorkPhone" size=14></td></tr>
<tr><td><label for="Cphone">Cell Phone#</label> </td><td><input id="Cphone" type="text" name="CellPhone" size=14></td></tr>
<tr><td><label for="SA">Street Address (required)</label></td><td><input id="SA" type="text" name="Street1" size=42 required /></td></tr>
<tr><td><label for="SA2">Street Address 2</label></td><td> <input id="SA2" type="text" name="Street2" size=42></td></tr>
<tr><td><label for="city">City (required)</label><br> <input id="city" type="text" name="City"size=20 maxlength="100" required /></td>
<td><label for="state">State/Province (required)</label><br> <input id="state" type="text" name="State" size=2 maxlength="2" required /></td>
<td><label for="zip">Zip/Postal Code (required)</label><br> <input id="zip" type="text" name="Zip" size=10 maxlength="9" required /></td></tr>
</table>
<Table border=0 width=300>
<br>
<SCRIPT>
/////// Write out the form statement, inserting the appropriate parameter
/////// Change the statement as needed inside the write('...')
document.write('<input type="text" size=30 name="Campsite" value ="' + param1 + '">')
</SCRIPT>
<NOSCRIPT>
Site: <input type="text" size=30 name="Campsite">
</NOSCRIPT>
</td></tr>
</table>
<Table>
<tr><td>
<br><b>Dates Requested:</b>
<br>
<br>Arrival Date:
<SCRIPT TYPE="text/javascript">
/////// Write out the form statement, inserting the appropriate parameter
/////// Change the statement as needed inside the write('...')
var ArrivalDate = mon + "/" + day + "/" + year
document.write('<input type="date" name="ArrivalDate" value ="' + ArrivalDate+ '" size=10>')
</SCRIPT>
<NOSCRIPT>
First Night : <input type="text" name="First_Night">
</NOSCRIPT>
<br>
</td></tr>
<tr><td>Estimated arrival time: <select name="EstTime" >
<option value="10 AM">10 AM
<option value="11 AM">11 AM
<option value="12 PM">12 PM
<option value="1 PM">1 PM
<option value="2 PM">2 PM
<option value="3 PM">3 PM
<option value="4 PM">4 PM
<option value="5 PM">5 PM
<option value="6 PM">6 PM
<option value="7 PM">7 PM
<option value="8 PM">8 PM
<option value="9 PM">9 PM
<option value="10PM">10 PM
<option value="11PM">11 PM
<option value="12AM">12 AM
</select>
</td></tr>
<tr><td>
<label for="dd">Departure Date (required)</label>
<input id="dd" type="date" name="DepartureDate" size=10 maxlength="10" required />
</td></tr>
<!--
<tr><td>
Number of nights:
<input type="text" name="NumNights" size=4 value="1" maxlength="3">
</td></tr>
-->
<tr><td><br>How were you referred? <select name="HowFound" >
<option value="Return visit">I've been here before
<option value="Friend">A Friend
<option value="Other Guide">Other Camping Directory
<option value="Magazine">Other Magazine
<option value="Phone book">Phone book
<option value="Internet">Internet
<option value="Signs">Highway Sign
<option value="Drove By">Drove By
<option value="Horse show">Horse show
<option value="Brochure">Brochure
<option value="Flyer">Flyer
<option value="TV">Television
<option value="Radio">Radio
<option value="Mail">Direct Mail
<option value="Chamber/Comm">Chamber of Commerce
<option value="Travel Info Ctr">Travel Information Center
<option value="Other">Other
</select></td></tr>
<td><br>
<input id="ad" type="digits" name="NumAdults" size=2 value="1" maxlength="2" required /><label for="ad"> :# of Adults (required)</label>
<input id="chil" type="digits" name="NumChildren" size=2 value="0"> <label for="chil"> # of Children(6-16yrs)<label></td></tr>
<td><br># of Extra Stalls: <input type="text" name="Xstalls" size=3 value="0"></td></tr>
<tr><td> </td></tr>
<tr><td>Special Needs, Comments, Group, Second Choice Sites:
</br><TEXTAREA NAME="ResvNotes" ROWS=7 COLS=36></textarea></td></tr>
<tr><td> </td></tr>
</table>
<p><font size="2">Deposit - Reservations will not be accepted without a deposit. Deposit applied to total amount due.<br>
Deposits are transferable, ONE time, but not refundable.<br>
Cancellation must be received at least 14 days before the arrival date
to Guarantee deposit roll. </font> </p>
<p><font size="2">Scheduled Ride Deposit: $50 per person, $150 per
cabin, $125 per bunkhouse.<br>
Open Camping Deposit: </font>
<span style="font-size: 10.0pt; font-family: 'Times New Roman',serif">$40 per
site, $90 per cabin, $64 per bunkhouse</span><font size="2"><br>
</font></p>
<p><font size="2">I understand that under Indiana law an equine professional is not liable for an injury to, or the death of , <br>
a participant in equine activities resulting from the inherent risks of equine activities.<br><br>
</font><u><b>All Reservations Are Subject to Availability. You Must Get A Confirmation From MTR Before Your Reservation Is Final</b></u><font size="2"><br><br>
</font>
<strong><u>DOG POLICY:</u></strong><span style="font-size: 10.0pt; ">
We have a very strict dog policy at</span><u><b> MTR; </b></u><span style="font-size: 10.0pt; ">
all dogs </span><u><b>MUST</b></u><span style="font-size: 10.0pt; "><u> </u>stay on a leash the whole
time you have them at our campground. </span><u><b>No exceptions!
</b></u><span style="font-size: 10.0pt; "><br>
Dogs must also be able to be quiet on your site. If you don't think your dog is adaptable to the close
quarters of a campground atmosphere, please leave him home.</span></p>
<p><span style="font-size: 10.0pt; ">
Thank you so much! Jeff and
Kim Humphries....Owners</p>
<p class="MsoNormal" >
<span style="font-size: 10.0pt; "><br>
I/we agree to abide by all campground rules and regulations, including the DOG
POLICY. </span></p>
<p class="MsoNormal" ><font size="2">
<input TYPE="radio" NAME="agree" VALUE="YES">YES
<input TYPE="radio" NAME="agree" VALUE="NO">No
</font></p>
<p class="MsoNormal" ><b>MTR protects your credit card information with the <u>most advanced form of 128-bit SSL Encryption</u> available today. </b>
</p>
<p>
<img border="0" src="images/visa.gif" width="60" height="38">
<img border="0" src="images/mastercard_logo.gif" width="57" height="35"></p>
<p>
<input TYPE="radio" NAME="credit" VALUE="visa" checked>Visa
<input TYPE="radio" NAME="credit" VALUE="mastercard">Master Card
</p>
<p>
<label for="cardnum">Credit Card Number </label><input id="cardnum" TYPE="creditcard" SIZE="20" NAME="creditcardno" style="color: #000000" maxlength="16">
<label for="cced">Credit Card Expire Date </label><input id="cced" type="date" SIZE="7" NAME="creditexp" style="color: #000000" maxlength="10">
</p>
<p>
<label for="dsc"> 3 Digit Security Code on back of Credit Card </label><input id="dsc" type="digits" SIZE="3" NAME="creditSC" style="color: #000000" minlength="3" maxlength="3">
</p>
<tr>
<td align="right"></td>
<td>
<div id='mtrres_errorloc' class='error_strings'>
</div>
</td>
</tr>
<input type="hidden" name="subject" value="Online Reservation">
<input type="hidden" name="text" value="1">
<input type="reset" value="Clear Form">
<input type="hidden" name="sendtoemail" value="reservations@midwesttrailride.com">
<input type="hidden" name="redirect" value= "http://www.midwesttrailride.com/reservation/Thank_you.htm">
<input type="submit" value="Submit"> </td></tr></form>
<script>
</script>
</body>
</html>
It does not go through the validation.
<html>
<head>
<title>Midwest Trail Ride Reservation Form</title>
<meta charset="utf-8">
<!--<link rel="stylesheet" href="css/screen.css" /> -->
<script src="../reservation/jquery.validate.js"></script>
<script src="../reservation/jquery.js"></script>
<!-- <script type="text/javascript" src="../reservation/jquery.validate.creditcard2.js"></script> -->
<script src="../reservation/additional-methods.js"></script>
<SCRIPT LANGUAGE="JavaScript">
$('mtrres').validate({
rules: {
DepartureDate: 'date',
creditcardno: 'creditcard'
HomePhone: 'phoneUS'
},
submitHandler: function(form) {
alert('submitted');
}
});
<script>
// datepart: 'y', 'm', 'w', 'd', 'h', 'n', 's'
Date.dateDiff = function(datepart, fromdate, todate) {
datepart = datepart.toLowerCase();
var diff = todate - fromdate;
var divideBy = { w:604800000,
d:86400000,
h:3600000,
n:60000,
s:1000 };
return Math.floor( diff/divideBy[datepart]);
}
</script>
</head>
<body bgcolor="green" text="black" >
<SCRIPT TYPE="text/javascript">
//
// This block of code extracts the <site> and <date> variables
//
var var1 = location.search.substring(1, location.search.length) /* get everything after the ? */
// replace %20's with spaces so they're readable
while (var1.indexOf("%20") != -1)
{
var index = var1.indexOf("%20")
var first = var1.substring(0,index)
var last = var1.substring(index+3,var1.length)
var1 = first + " " + last
}
// replace %26 with the & so we can find it
while (var1.indexOf("%26") != -1)
{
var index = var1.indexOf("%26")
var first = var1.substring(0,index)
var last = var1.substring(index+3,var1.length)
var1 = first + "&" + last
}
// extract the two parameters
myparams = var1.split("&")
var param1 = ""
var param2 = ""
if (myparams.length > 0) { var param1 = myparams[0] }
if (myparams.length > 1) { var param2 = myparams[1] }
var mon = "0"
var day = "1"
var year = "2013"
dateparts = param2.split("/")
if (dateparts.length == 3)
{
mon = dateparts[0]
day = dateparts[1]
year = dateparts[2]
}
else
{
// see if it's in "May 23, 2005" format
dateparts2 = param2.split(",")
if (dateparts2.length == 2)
{
dateparts3 = dateparts2[0].split(" ")
if (dateparts2.length == 2 && dateparts3.length == 2)
{
mon = dateparts3[0]
day = dateparts3[1]
year = dateparts2[1]
if (year.length == 3 || year.length == 5)
{
year = year.substring (1, year.length)
}
}
}
else
{
// see if it's in 2005-05-23 format (or 05-05-23 -- the year is assumed first if dashes are used)
dateparts4 = param2.split("-")
if (dateparts4.length == 3)
{
mon = dateparts4[1]
day = dateparts4[2]
year = dateparts4[0]
}
}
}
if (year.length == 2) { year = "20" + year }
var mon1=" "
var mon2=" "
var mon3=" "
var mon4=" "
var mon5=" "
var mon6=" "
var mon7=" "
var mon8=" "
var mon9=" "
var mon10=" "
var mon11=" "
var mon12=" "
var day1 = ""
var day2 = ""
var day3 = ""
var day4 = ""
var day5 = ""
var day6 = ""
var day7 = ""
var day8 = ""
var day9 = ""
var day10 = ""
var day11 = ""
var day12 = ""
var day13 = ""
var day14 = ""
var day15 = ""
var day16 = ""
var day17 = ""
var day18 = ""
var day19 = ""
var day20 = ""
var day21 = ""
var day22 = ""
var day23 = ""
var day24 = ""
var day25 = ""
var day26 = ""
var day27 = ""
var day28 = ""
var day29 = ""
var day30 = ""
var day31 = ""
var year2013 = ""
var year2014 = ""
var year2015 = ""
if (year == "2013") { year2013 = "selected" }
if (year == "2014") { year2014 = "selected" }
if (year == "2015") { year2015 = "selected" }
if (mon == "1") { mon1 = "selected" }
if (mon == "2") { mon2 = "selected" }
if (mon == "3") { mon3 = "selected" }
if (mon == "4") { mon4 = "selected" }
if (mon == "5") { mon5 = "selected" }
if (mon == "6") { mon6 = "selected" }
if (mon == "7") { mon7 = "selected" }
if (mon == "8") { mon8 = "selected" }
if (mon == "9") { mon9 = "selected" }
if (mon == "10") { mon10 = "selected" }
if (mon == "11") { mon11 = "selected" }
if (mon == "12") { mon12 = "selected" }
if (mon.substring(0,3) == "Jan") { mon1 = "selected" }
if (mon.substring(0,3) == "Feb") { mon2 = "selected" }
if (mon.substring(0,3) == "Mar") { mon3 = "selected" }
if (mon.substring(0,3) == "Apr") { mon4 = "selected" }
if (mon.substring(0,3) == "May") { mon5 = "selected" }
if (mon.substring(0,3) == "Jun") { mon6 = "selected" }
if (mon.substring(0,3) == "Jul") { mon7 = "selected" }
if (mon.substring(0,3) == "Aug") { mon8 = "selected" }
if (mon.substring(0,3) == "Sep") { mon9 = "selected" }
if (mon.substring(0,3) == "Oct") { mon10 = "selected" }
if (mon.substring(0,3) == "Nov") { mon11 = "selected" }
if (mon.substring(0,3) == "Dec") { mon12 = "selected" }
if (day == "1") { day1 = "selected" }
if (day == "2") { day2 = "selected" }
if (day == "3") { day3 = "selected" }
if (day == "4") { day4 = "selected" }
if (day == "5") { day5 = "selected" }
if (day == "6") { day6 = "selected" }
if (day == "7") { day7 = "selected" }
if (day == "8") { day8 = "selected" }
if (day == "9") { day9 = "selected" }
if (day == "10") { day10 = "selected" }
if (day == "11") { day11 = "selected" }
if (day == "12") { day12 = "selected" }
if (day == "13") { day13 = "selected" }
if (day == "14") { day14 = "selected" }
if (day == "15") { day15 = "selected" }
if (day == "16") { day16 = "selected" }
if (day == "17") { day17 = "selected" }
if (day == "18") { day18 = "selected" }
if (day == "19") { day19 = "selected" }
if (day == "20") { day20 = "selected" }
if (day == "21") { day21 = "selected" }
if (day == "22") { day22 = "selected" }
if (day == "23") { day23 = "selected" }
if (day == "24") { day24 = "selected" }
if (day == "25") { day25 = "selected" }
if (day == "26") { day26 = "selected" }
if (day == "27") { day27 = "selected" }
if (day == "28") { day28 = "selected" }
if (day == "29") { day29 = "selected" }
if (day == "30") { day30 = "selected" }
if (day == "31") { day31 = "selected" }
//
// OK, we have the variables --
//
</SCRIPT>
<font size="5" face="GungsuhChe">
<b> Midwest Trail Ride Reservation Form: </b></font>
<table border=2>
<form name="mtrres" action="https://www.bluehost.com/bluemail" enctype="multipart/form-data" method="POST" onsubmit="return validateForm()" language="JavaScript">
<font size="3" face="Arial">
<tr><td><label for="fname">First Name(s) (required)</label></td><td> <input id="fname" name="FirstName" minlength="2" size=30 type="text" required /></td></tr>
<tr><td><label for="lname">Last Name (required)</td><td> <input type="text" required / name="LastName" size=30></td></tr>
<tr><td><label for="cemail">E-Mail (required)</label></td><td><input id="cemail" type="email" size=30 name="email" required /></td></tr>
<tr><td><label for="Hphone">Home Phone# (required)</label> </td><td> <input id="Hphone" type="text" name="HomePhone" required / size=14></td></tr>
<tr><td><label for="Wphone">Work Phone#</label> </td><td><input id="Wphone" type="text" name="WorkPhone" size=14></td></tr>
<tr><td><label for="Cphone">Cell Phone#</label> </td><td><input id="Cphone" type="text" name="CellPhone" size=14></td></tr>
<tr><td><label for="SA">Street Address (required)</label></td><td><input id="SA" type="text" name="Street1" size=42 required /></td></tr>
<tr><td><label for="SA2">Street Address 2</label></td><td> <input id="SA2" type="text" name="Street2" size=42></td></tr>
<tr><td><label for="city">City (required)</label><br> <input id="city" type="text" name="City"size=20 maxlength="100" required /></td>
<td><label for="state">State/Province (required)</label><br> <input id="state" type="text" name="State" size=2 maxlength="2" required /></td>
<td><label for="zip">Zip/Postal Code (required)</label><br> <input id="zip" type="text" name="Zip" size=10 maxlength="9" required /></td></tr>
</table>
<Table border=0 width=300>
<br>
<SCRIPT>
/////// Write out the form statement, inserting the appropriate parameter
/////// Change the statement as needed inside the write('...')
document.write('<input type="text" size=30 name="Campsite" value ="' + param1 + '">')
</SCRIPT>
<NOSCRIPT>
Site: <input type="text" size=30 name="Campsite">
</NOSCRIPT>
</td></tr>
</table>
<Table>
<tr><td>
<br><b>Dates Requested:</b>
<br>
<br>Arrival Date:
<SCRIPT TYPE="text/javascript">
/////// Write out the form statement, inserting the appropriate parameter
/////// Change the statement as needed inside the write('...')
var ArrivalDate = mon + "/" + day + "/" + year
document.write('<input type="date" name="ArrivalDate" value ="' + ArrivalDate+ '" size=10>')
</SCRIPT>
<NOSCRIPT>
First Night : <input type="text" name="First_Night">
</NOSCRIPT>
<br>
</td></tr>
<tr><td>Estimated arrival time: <select name="EstTime" >
<option value="10 AM">10 AM
<option value="11 AM">11 AM
<option value="12 PM">12 PM
<option value="1 PM">1 PM
<option value="2 PM">2 PM
<option value="3 PM">3 PM
<option value="4 PM">4 PM
<option value="5 PM">5 PM
<option value="6 PM">6 PM
<option value="7 PM">7 PM
<option value="8 PM">8 PM
<option value="9 PM">9 PM
<option value="10PM">10 PM
<option value="11PM">11 PM
<option value="12AM">12 AM
</select>
</td></tr>
<tr><td>
<label for="dd">Departure Date (required)</label>
<input id="dd" type="date" name="DepartureDate" size=10 maxlength="10" required />
</td></tr>
<!--
<tr><td>
Number of nights:
<input type="text" name="NumNights" size=4 value="1" maxlength="3">
</td></tr>
-->
<tr><td><br>How were you referred? <select name="HowFound" >
<option value="Return visit">I've been here before
<option value="Friend">A Friend
<option value="Other Guide">Other Camping Directory
<option value="Magazine">Other Magazine
<option value="Phone book">Phone book
<option value="Internet">Internet
<option value="Signs">Highway Sign
<option value="Drove By">Drove By
<option value="Horse show">Horse show
<option value="Brochure">Brochure
<option value="Flyer">Flyer
<option value="TV">Television
<option value="Radio">Radio
<option value="Mail">Direct Mail
<option value="Chamber/Comm">Chamber of Commerce
<option value="Travel Info Ctr">Travel Information Center
<option value="Other">Other
</select></td></tr>
<td><br>
<input id="ad" type="digits" name="NumAdults" size=2 value="1" maxlength="2" required /><label for="ad"> :# of Adults (required)</label>
<input id="chil" type="digits" name="NumChildren" size=2 value="0"> <label for="chil"> # of Children(6-16yrs)<label></td></tr>
<td><br># of Extra Stalls: <input type="text" name="Xstalls" size=3 value="0"></td></tr>
<tr><td> </td></tr>
<tr><td>Special Needs, Comments, Group, Second Choice Sites:
</br><TEXTAREA NAME="ResvNotes" ROWS=7 COLS=36></textarea></td></tr>
<tr><td> </td></tr>
</table>
<p><font size="2">Deposit - Reservations will not be accepted without a deposit. Deposit applied to total amount due.<br>
Deposits are transferable, ONE time, but not refundable.<br>
Cancellation must be received at least 14 days before the arrival date
to Guarantee deposit roll. </font> </p>
<p><font size="2">Scheduled Ride Deposit: $50 per person, $150 per
cabin, $125 per bunkhouse.<br>
Open Camping Deposit: </font>
<span style="font-size: 10.0pt; font-family: 'Times New Roman',serif">$40 per
site, $90 per cabin, $64 per bunkhouse</span><font size="2"><br>
</font></p>
<p><font size="2">I understand that under Indiana law an equine professional is not liable for an injury to, or the death of , <br>
a participant in equine activities resulting from the inherent risks of equine activities.<br><br>
</font><u><b>All Reservations Are Subject to Availability. You Must Get A Confirmation From MTR Before Your Reservation Is Final</b></u><font size="2"><br><br>
</font>
<strong><u>DOG POLICY:</u></strong><span style="font-size: 10.0pt; ">
We have a very strict dog policy at</span><u><b> MTR; </b></u><span style="font-size: 10.0pt; ">
all dogs </span><u><b>MUST</b></u><span style="font-size: 10.0pt; "><u> </u>stay on a leash the whole
time you have them at our campground. </span><u><b>No exceptions!
</b></u><span style="font-size: 10.0pt; "><br>
Dogs must also be able to be quiet on your site. If you don't think your dog is adaptable to the close
quarters of a campground atmosphere, please leave him home.</span></p>
<p><span style="font-size: 10.0pt; ">
Thank you so much! Jeff and
Kim Humphries....Owners</p>
<p class="MsoNormal" >
<span style="font-size: 10.0pt; "><br>
I/we agree to abide by all campground rules and regulations, including the DOG
POLICY. </span></p>
<p class="MsoNormal" ><font size="2">
<input TYPE="radio" NAME="agree" VALUE="YES">YES
<input TYPE="radio" NAME="agree" VALUE="NO">No
</font></p>
<p class="MsoNormal" ><b>MTR protects your credit card information with the <u>most advanced form of 128-bit SSL Encryption</u> available today. </b>
</p>
<p>
<img border="0" src="images/visa.gif" width="60" height="38">
<img border="0" src="images/mastercard_logo.gif" width="57" height="35"></p>
<p>
<input TYPE="radio" NAME="credit" VALUE="visa" checked>Visa
<input TYPE="radio" NAME="credit" VALUE="mastercard">Master Card
</p>
<p>
<label for="cardnum">Credit Card Number </label><input id="cardnum" TYPE="creditcard" SIZE="20" NAME="creditcardno" style="color: #000000" maxlength="16">
<label for="cced">Credit Card Expire Date </label><input id="cced" type="date" SIZE="7" NAME="creditexp" style="color: #000000" maxlength="10">
</p>
<p>
<label for="dsc"> 3 Digit Security Code on back of Credit Card </label><input id="dsc" type="digits" SIZE="3" NAME="creditSC" style="color: #000000" minlength="3" maxlength="3">
</p>
<tr>
<td align="right"></td>
<td>
<div id='mtrres_errorloc' class='error_strings'>
</div>
</td>
</tr>
<input type="hidden" name="subject" value="Online Reservation">
<input type="hidden" name="text" value="1">
<input type="reset" value="Clear Form">
<input type="hidden" name="sendtoemail" value="reservations@midwesttrailride.com">
<input type="hidden" name="redirect" value= "http://www.midwesttrailride.com/reservation/Thank_you.htm">
<input type="submit" value="Submit"> </td></tr></form>
<script>
</script>
</body>
</html>
Leave a comment on ttfo12's reply
Re: Dates, Credit Card,Phone Validation
9 years ago
You need to load jQuery before any plugins:
- <script src="../reservation/jquery.js"></script>
- <script src="../reservation/jquery.validate.js"></script>
Leave a comment on kbwood.au's reply
Re: Dates, Credit Card,Phone Validation
9 years ago
Thanks for the reply.
I have loaded Jquery. lines 6 and 7
I have loaded Jquery. lines 6 and 7
Leave a comment on ttfo12's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to ttfo12's question