Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

using campaign monitor to create a form and confirmation page, need credit card validation script

Posted on 2012-09-22
19
Medium Priority
?
501 Views
Last Modified: 2012-10-09
Hello, Experts!

I'm using Campaign Monitor (an ESP) to create a form, house the data, and generate a confirmation email.

Campaign Monitor generates input names using hyphens. Like this: <input name="cm-f-qjub" type="text" size="50" />

I was hoping to utilize some existing javascript or jquery scripts to help me validate the Credit Card input from this page: http://navigatorinblack.com/new-reserve.html

I found some existing posts using jquery, http://www.ihwy.com/labs/jquery-validate-credit-card-extension.aspx, but I haven't inserted jquery scripting into my web pages before. The instructions seem easy enough, I'm just uncertain how the functions are called.

Much appreciated for your dialogue.
0
Comment
Question by:joibrooks
  • 11
  • 8
19 Comments
 
LVL 83

Expert Comment

by:leakim971
ID: 38425108
You don't call the function, you run, at page load, a script doing the validation and other process. Just be sure to set the right ID attribute for your field
- myform is the value of the ID attribute of you form
- cardType is the value of the ID attribute of your dropdown box to choose the card type
- cardnum is the value of the ID attribute of the textbox

if you want to change them, no problem, just update the provided code
Note : # is a jQuery selector for ID attribute

If you need more help, set your page and post the full content here
0
 

Author Comment

by:joibrooks
ID: 38425146
okay, that's helpful. i'm writing some simple required field scripts now, i'll post back shortly.
0
 
LVL 83

Expert Comment

by:leakim971
ID: 38425157
To download the latest jQuery lib : http://code.jquery.com/
But be aware sometimes jQuery plugins may fail with the newest versions...
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:joibrooks
ID: 38425224
not certain how to implement the jquery library. i'm going to take you up on the offer to request for more help. here's the 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>Navigator in Black: Reservations</title>
<script src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="Scripts/jquery.validate.js"></script>
<script type="text/javascript" src="Scripts/jquery.validate.creditcard.js"></script>
<script language="javascript">
<!--
function validateForm()
{
var aa=document.forms["myform"]["name"].value;
if (aa==null || aa=="")
  {
  alert("Please input your full name");
  return false;
  }

var bb=document.forms["myform"]["cell"].value;
if (bb==null || bb=="")
  {
  alert("Please input a cellphone number");
  return false;
  }  
  
var ff=document.forms["myform"]["arrivaldate-mn"].value;
if (ff==null || ff=="00")
  {
  alert("Please select a month for your arrival");
  return false;
  }   
  
var gg=document.forms["myform"]["arrivaldate-dy"].value;
if (gg==null || gg=="00")
  {
  alert("Please select a day for your arrival");
  return false;
  }  

var hh=document.forms["myform"]["arrivaldate-yr"].value;
if (hh==null || hh=="00")
  {
  alert("Please select a year for your arrival");
  return false;
  }

var ii=document.forms["myform"]["arrivaltime"].value;
if (ii==null || ii=="")
  {
  alert("Please input the arrival time");
  return false;
  }

var jj=document.forms["myform"]["arrivalflight"].value;
if (jj==null || jj=="")
  {
  alert("Please input the arrival flight number");
  return false;
  }
 
var kk=document.forms["myform"]["arrivalairline"].value;
if (kk==null || kk=="")
  {
  alert("Please input the arriving airline");
  return false;
  } 
 
var ll=document.forms["myform"]["arrivalairport"].value;
if (ll==null || ll=="")
  {
  alert("Please input the arriving airport");
  return false;
  }    
  
var cc=document.forms["myform"]["vehicle"].value;
if (cc==null || cc=="")
  {
  alert("Please select a vehicle, either Limosine, Sedan, SUV or Van");
  return false;
  }    
  
var dd=document.forms["myform"]["passengers"].value;
if (dd==null || dd=="")
  {
  alert("Please enter the number of passengers for pickup");
  return false;
  }      

var ee=document.forms["myform"]["service"].value;
if (ee==null || ee=="")
  {
  alert("Please enter a pickup service, either Curbside or Meet and Greet");
  return false;
  } 

if(!document.getElementById('cm327508').checked)
  {
  alert("You must confirm that you agree to the terms before your submit");
  return false;
  } 
  

  
}
-->
</script>
<style type="text/css">
<!--
body { background-color:#000000;
font-family:Verdana, Geneva, sans-serif;
}

a:link {
	color: #CCCCCC;
	text-decoration: none;
}
a:visited {
	color: #707070;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #707070;
	text-decoration: none;
}

.formlabels	{
	color: #999999;
	font-size:10pt;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	padding-right:25px;
	padding-bottom:10px;
	vertical-align:top;
}
h2{
	color: #999999;
	font-size:12pt;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}
.formfields	{
	padding-bottom:10px;
	margin-top:0px;
	vertical-align:top;
}
.redfieldtype {
	color: #FF0000; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:8.5pt;}
	
.largeredfieldtype {
	color: #FF0000; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
}
.nav {color: #707070;
	font-weight:bold;
	font-size:8.7pt;}
	
.indents	{
		padding-left:8px;
		}

-->
</style>
</head>

<body>
<table width="100%" border="0" align="center" bgcolor="#000000">
  <tr>
  <td><table width="1000" border="0" align="center" bgcolor="#000000"><tr>
    <td><img src="images/banner.png" width="1000" height="125" alt="banner" /></td>
  </tr>
  <tr>
    <td height="1075" align="left" valign="top">
    <table width="998" border="0">
      <tr>
        <td width="98" align="center" valign="top"><img src="images/logo.png" width="90" height="79" alt="Navigator in Black" /></td>
        <td width="896" height="22" align="center" valign="top"><div align="right"><img src="images/cars-insert.png" width="899" height="158" alt="Sudan, SUV, Limosine or Van"/></div></td>
      </tr>
    </table>
  <table width="935" border="0">
<tr>
            <td width="94" height="387" rowspan="2" align="left" valign="top"><p align="left" class="nav"><a href="index.html">Home</a><br />
                  <a href="reserve.html">Reservations</a>
              </p>
          </td>
          <td width="831" height="21" align="center" valign="top"><img src="flashanimations/insert.gif" width="447" height="43" alt="Navigating Your Way"  style="margin:15px 0px 15px 0px;"/></td>
</tr>
          <tr>
            <td height="447" align="center" valign="top"><br />
               <h2>Reservations</h2>
   
   <form action="http://navigatorinblack.createsend.com/t/j/s/tyidhr/" method="post" id="subForm" name="myform" onsubmit="return validateForm()" >
<table width="650" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="200" class="formlabels"> <input type="hidden" name="ReturnURL" value="http://www.navigatorinblack.com/thankyou.html">
    <label for="name" >Your Name:</label></td>
    <td width="450" class="formfields"><input name="cm-name" type="text" id="name" size="50" /></td>
  </tr>
  <tr>
    <td class="formlabels"><label for="tyidhr-tyidhr" >Your Email Address:</label></td>
    <td class="formfields"><input name="cm-tyidhr-tyidhr" type="text" id="tyidhr-tyidhr" size="50" /><br />
<span class="redfieldtype">Important:<br />
 Required for contact with you at all times during scheduled pickup</span></td>
  </tr>
  <tr>
    <td class="formlabels"><label for="cellphone">Mobile Phone:</label></td>
    <td class="formfields"><input name="cm-f-qjkuu" type="text" size="50" id="cell"  /><br />
<span class="redfieldtype">Day and evening</span></td>
  </tr>
 
  <tr>
    <td colspan="2" class="formlabels"><hr /></td>
  </tr>
  <tr>
    <td colspan="2" class="formlabels">ARRIVAL INFORMATION</td>
    </tr>
  <tr>
    <td class="formlabels indents"><label for="arrivaldate">Date:</label></td>
    <td class="formfields"><select name="cm-fd-qjull-mn" id="arrivaldate-mn" ><option value="00" selected="selected">Month</option><option value="01">Jan</option><option value="02">Feb</option><option value="03">Mar</option><option value="04">Apr</option><option value="05">May</option><option value="06">Jun</option><option value="07">Jul</option><option value="08">Aug</option><option value="09">Sep</option><option value="10">Oct</option><option value="11">Nov</option><option value="12">Dec</option></select> <select name="cm-fd-qjull-dy" id="arrivaldate-dy">
    <option value="00" selected="selected">Day</option><option value="01">1</option><option value="02">2</option><option value="03">3</option><option value="04">4</option><option value="05">5</option><option value="06">6</option><option value="07">7</option><option value="08">8</option><option value="09">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> <select name="cm-fd-qjull-yr" id="arrivaldate-yr">
<option value="00" selected="selected">Year</option>    <option value="2012">2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021</option><option value="2022">2022</option><option value="2023">2023</option><option value="2024">2024</option><option value="2025">2025</option><option value="2026">2026</option><option value="2027">2027</option><option value="2028">2028</option><option value="2029">2029</option><option value="2030">2030</option><option value="2031">2031</option><option value="2032">2032</option><option value="2033">2033</option><option value="2034">2034</option><option value="2035">2035</option><option value="2036">2036</option><option value="2037">2037</option><option value="2038">2038</option><option value="2039">2039</option><option value="2040">2040</option><option value="2041">2041</option><option value="2042">2042</option><option value="2043">2043</option><option value="2044">2044</option><option value="2045">2045</option><option value="2046">2046</option><option value="2047">2047</option><option value="2048">2048</option></select></td>
  </tr>
  <tr>
    <td class="formlabels indents"><label for="arrivaltime" >Time:</label></td>
    <td class="formfields"><input name="cm-f-qjulr" type="text" id="arrivaltime" size="30" /></td>
  </tr>
  <tr>
    <td class="formlabels indents"><label for="arrivalflight">Flight #:</label></td>
    <td  class="formfields"><input name="cm-f-qjuly" type="text" id="arrivalflight" size="30" /></td>
  </tr>
  <tr>
    <td class="formlabels indents"><label for="arrivalairline">Airline:</label></td>
    <td class="formfields"><input name="cm-f-qjulj" type="text" id="arrivalairline" size="50" /></td>
  </tr>
  <tr>
    <td class="formlabels indents"><label for="arrivalairport">Airport:</label></td>
    <td class="formfields"><input name="cm-f-qjult" type="text" id="arrivalairport" size="50" /></td>
  </tr>
  <tr>
    <td colspan="2" class="formlabels">DEPARTURE INFORMATION</td>
    </tr>
  <tr>
    <td class="formlabels indents"><label for="departdate">Date:</label></td>
    <td class="formfields"><select name="cm-fd-qjuli-mn" id="departdate-mn">
    <option value="00" selected="selected">Month</option><option value="01">Jan</option><option value="02">Feb</option><option value="03">Mar</option><option value="04">Apr</option><option value="05">May</option><option value="06">Jun</option><option value="07">Jul</option><option value="08">Aug</option><option value="09">Sep</option><option value="10">Oct</option><option value="11">Nov</option><option value="12">Dec</option></select> <select name="cm-fd-qjuli-dy" id="departdate-dy"><option value="00" selected="selected">Day</option><option value="01">1</option><option value="02">2</option><option value="03">3</option><option value="04">4</option><option value="05">5</option><option value="06">6</option><option value="07">7</option><option value="08">8</option><option value="09">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> <select name="cm-fd-qjuli-yr" id="departdate-yr"><option value="00" selected="selected">Year</option><option value="2012" selected>2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021</option><option value="2022">2022</option><option value="2023">2023</option><option value="2024">2024</option><option value="2025">2025</option><option value="2026">2026</option><option value="2027">2027</option><option value="2028">2028</option><option value="2029">2029</option><option value="2030">2030</option><option value="2031">2031</option><option value="2032">2032</option><option value="2033">2033</option><option value="2034">2034</option><option value="2035">2035</option><option value="2036">2036</option><option value="2037">2037</option><option value="2038">2038</option><option value="2039">2039</option><option value="2040">2040</option><option value="2041">2041</option><option value="2042">2042</option><option value="2043">2043</option><option value="2044">2044</option><option value="2045">2045</option><option value="2046">2046</option><option value="2047">2047</option><option value="2048">2048</option></select></td>
  </tr>
  <tr>
    <td class="formlabels indents"><label for="departtime">Time:</label></td>
    <td class="formfields"><input name="cm-f-qjuld" type="text" id="departtime" size="30" /></td>
  </tr>
  <tr>
    <td class="formlabels indents"><label for="departflight">Flight #:</label></td>
    <td class="formfields"><input name="cm-f-qjulh" type="text" id="departflight" size="30" /></td>
  </tr>
  <tr>
    <td class="formlabels indents"><label for="departairline">Airline:</label></td>
    <td class="formfields"><input name="cm-f-qjulk" type="text" id="departairline" size="50" /></td>
  </tr>
  <tr>
    <td class="formlabels indents"><label for="departairport">Airport:</label></td>
    <td class="formfields"><input name="cm-f-qjulu" type="text" id="departairport" size="50" /></td>
  </tr>
  <tr>
    <td colspan="2" class="formlabels"><hr /></td>
    </tr>
  <tr>
    <td class="formlabels"><label for="vehicle">Select a Vehicle:</label></td>
    <td class="formfields"><select name="cm-fo-qjuo" id="vehicle">
<option value="" selected="selected">Select a Vehicle</option>
<option value="326274">Sudan</option>
<option value="326275">SUV</option>
<option value="326276">Limosine</option>
<option value="326277">Van</option>
</select></td>
  </tr> <tr>
    <td class="formlabels">
<label for="passengers"># of Passengers:</label>
</td>
    <td class="formfields"><input name="cm-f-qirty" type="text" id="passengers" size="5" />></td>
  </tr>
  <tr>
    <td class="formlabels"><label for="airportpickup">Airport Pickup Service:</label><br /></td>
    <td class="formfields"><select name="cm-fo-qirtj" id="service">
    <option value="" selected="selected">Select a Pickup Service</option>
<option value="327193">Meet and Greet</option>
<option value="327194">Curbside Pickup</option>
</select><br />
    <span class="redfieldtype">
Meet and Greet<br />
Chauffeur meets client inside terminal with sign. Additional cost applies.<br /><br />
Curbside Pickup<br />
Chauffeur meets client outside terminal at no additional cost.</span></td>
  </tr>
  <tr>
    <td colspan="2" class="formlabels"><hr /></td>
  </tr>
  <tr>
    <td colspan="2" class="formlabels">CREDIT CARD INFORMATION</td>
  </tr>
  <tr>
    <td class="formlabels"><label for="cardtype">Credit Card Type:</label></td>
    <td class="formfields"><select name="cm-fo-qukik" id="cardType">
<option value="332594">Amex</option>
<option value="332595">Discover</option>
<option value="332596">MasterCard</option>
<option value="332597">Visa</option>
</select></td>
  </tr>
  <tr>
    <td class="formlabels"><label for="creditcardno">Credit Card #:</label></td>
    <td class="formfields"><input name="cm-f-qjub" type="text" size="50" id="cardnum" /></td>
  </tr>
  <tr>
    <td class="formlabels"><label for="expiry">Expiration Date (mm/yy):</label>
      </td>
    <td class="formfields"><select name="cm-fd-qukkr-mn" id="expiry-mn"><option value="01">Jan</option><option value="02">Feb</option><option value="03">Mar</option><option value="04">Apr</option><option value="05">May</option><option value="06">Jun</option><option value="07">Jul</option><option value="08">Aug</option><option value="09">Sep</option><option value="10">Oct</option><option value="11">Nov</option><option value="12">Dec</option></select>&nbsp;<select name="cm-fd-qukkr-yr" id="expiry-yr"><option value="2012" selected>2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021</option><option value="2022">2022</option><option value="2023">2023</option><option value="2024">2024</option><option value="2025">2025</option><option value="2026">2026</option><option value="2027">2027</option><option value="2028">2028</option><option value="2029">2029</option><option value="2030">2030</option><option value="2031">2031</option><option value="2032">2032</option><option value="2033">2033</option><option value="2034">2034</option><option value="2035">2035</option><option value="2036">2036</option><option value="2037">2037</option><option value="2038">2038</option><option value="2039">2039</option><option value="2040">2040</option><option value="2041">2041</option><option value="2042">2042</option><option value="2043">2043</option><option value="2044">2044</option><option value="2045">2045</option><option value="2046">2046</option><option value="2047">2047</option><option value="2048">2048</option></select></td>
  </tr>
  <tr>
    <td class="formlabels"><label for="ccholdersaddress">Credit Card Holder's Address:</label></td>
    <td class="formfields"><textarea name="cm-f-qjup" cols="50" rows="3" id="ccholdersaddress"></textarea></td>
  </tr>
  <tr>
    <td colspan="2" class="formlabels"><hr /></td>
  </tr>
  <tr>
    <td class="formlabels"><label for="agreement">Agreement terms:</label></td>
    <td class="formfields"><input type="radio" name="cm-fo-qiylr" id="cm327508" value="327508" /><label for="cm327508" class="formlabels">Yes</label>
<p class="largeredfieldtype" style="margin:0px;">By submitting this form you agree that:</p>
<ol class="largeredfieldtype" style="margin-top:0px;">
<li>You are requesting the services listed above.</li>
<li>You are requesting the services listed above.
</li>
<li>You are authorizing this card to be used for payment of services rendered.</li></ol></td>
  </tr>
  <tr>
    <td class="formlabels">&nbsp;</td>
    <td class="formfields"><input type="submit" value="  Submit  " />&nbsp;&nbsp;&nbsp;<input type="reset" class="btn" value="  Clear  " name="Clear" />
    </td>
  </tr>
  <tr>
    <td class="formlabels">&nbsp;</td>
    <td class="largeredfieldtype">If you require immediate pickup,<br />
please call 1-888-222-9956, <br />
Email: <a href="mailto:Info@navigatorinblack.com">Info@navigatorinblack.com</a></td>
  </tr>

</table>
</form>
<div align="center"><img src="images/newlimo.jpg" width="800" height="154" alt="CARS" /></div>
              </td>
        </tr>
          <tr>
            <td height="49" align="left" valign="top"><img src="images/phone.png" alt="table4" name="image" width="94" height="47" border="0" id="image" /></td>
            <td align="left" valign="top" class="style55">&nbsp;</td>
          </tr>
    </table>
  </td>
  </tr>
</table>
  </td>
  </tr>
</table>
</body>
</html>

Open in new window

0
 
LVL 83

Expert Comment

by:leakim971
ID: 38425264
- myform is the value of the ID attribute of you form

subForm => myform

OR replace so use :

$("#subForm")

please confirm you download the files and you them in the right folders
jquery-1.2.6.js, Scripts/jquery.validate.js, Scripts/jquery.validate.creditcard.js

else just add :
$(function() {$("#subForm").validate({rules: {cardnum: {creditcard2: function(){ return $('#cardType').val(); }}}        });

line 103
0
 

Author Comment

by:joibrooks
ID: 38425282
okay, replaced the myform with subform, accordingly: $("#subForm").

not sure what this is: jquery-1.2.6.js or where to find the file to upload.

other js files have been uploaded to the Scripts folder.

thanks.
0
 
LVL 83

Expert Comment

by:leakim971
ID: 38425349
not sure what this is: jquery-1.2.6.js or where to find the file to upload.

It's the most important file. Double check its path

To download the latest jQuery lib : http://code.jquery.com/
But be aware sometimes jQuery plugins may fail with the newest versions...
0
 

Author Comment

by:joibrooks
ID: 38425397
found that file and uploaded it. i verified that they are up there:
http://www.navigatorinblack.com/scripts/jquery.validate.js
http://www.navigatorinblack.com/scripts/jquery.validate.creditcard.js
http://www.navigatorinblack.com/scripts/jquery-1.2.6.js
<!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>Navigator in Black: Reservations</title>
<script src="http://www.navigatorinblack.com/scripts/jquery-1.2.6.js"></script>
<script type="text/javascript" src="http://www.navigatorinblack.com/scripts/jquery.validate.js"></script>
<script type="text/javascript" src="http://www.navigatorinblack.com/scripts/jquery.validate.creditcard.js"></script>
<script language="javascript">

Open in new window


my javascript is validating, but the cc jquery isn't. i don't know where to start trouble shooting. can you continue to help?

thank you...
0
 
LVL 83

Expert Comment

by:leakim971
ID: 38425753
Is this the link to your page?
0
 

Author Comment

by:joibrooks
ID: 38426297
0
 
LVL 83

Expert Comment

by:leakim971
ID: 38426378
0
 

Author Comment

by:joibrooks
ID: 38426598
thanks. i'll certainly take a look.
0
 

Author Comment

by:joibrooks
ID: 38426624
included that on my page, uploaded the file into the scripts folder, did not remove this file from my code -- jquery.validate.js -- since it includes the reference to  $("#subForm").
<script src="http://www.navigatorinblack.com/scripts/jquery-1.2.6.js"></script>
<script type="text/javascript" src="http://www.navigatorinblack.com/scripts/jquery.validate.js"></script>
<script type="text/javascript" src="http://www.navigatorinblack.com/scripts/jquery.validate.creditcard.js"></script>
<script type="text/javascript" src="http://www.navigatorinblack.com/scripts/jjquery.validate.pack.js"></script>

Open in new window


the script is still not working.

i greatly appreciate your help ...
0
 
LVL 83

Expert Comment

by:leakim971
ID: 38426640
<script src="http://www.navigatorinblack.com/scripts/jquery-1.2.6.js"></script>
<script type="text/javascript" src="http://www.navigatorinblack.com/scripts/jjquery.validate.pack.js"></script>
<script type="text/javascript" src="http://www.navigatorinblack.com/scripts/jquery.validate.creditcard.js"></script>

Open in new window

0
 

Author Comment

by:joibrooks
ID: 38426687
that was sloppy of me. corrected the "jj" refreshed, but still doesn't validate.
0
 

Author Comment

by:joibrooks
ID: 38426932
i was fairly disgusted with myself and hoping you hadn't given up on me.

new url link for reservations page, with a slightly different method for validation. your thoughts?

click this link here
0
 
LVL 83

Expert Comment

by:leakim971
ID: 38428480
Hello,

Sorry, I'm sometime very busy so don't worry if you don't get news from me.
I get two 404 errors currently :
http://www.navigatorinblack.com/scripts/jquery.validate.pack.js
http://www.navigatorinblack.com/scripts/jcreditcard.js
0
 

Accepted Solution

by:
joibrooks earned 0 total points
ID: 38428504
hi, i continued working on a different version. click this link here
0
 

Author Closing Comment

by:joibrooks
ID: 38476601
i had hoped to learn how to best implement the jquery script, but completed the project with some javascript. thanks for the effort, but i managed the project on my own.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses
Course of the Month20 days, 16 hours left to enroll

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question