Hi everyone I am what you would call a newbie to the web site matinance and development I am having a problem that is costing me a lot of lost business and any help be greatly appreciated ... I have a quote form the should be require our visitor to fill out all information required to submit form and about two weeks ago we started to get partial information back from the form and not sure what is causing it

Below is the source code for the web page with the form

<!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>A Diamond Buyer</title>
<style type="text/css">
<!--
body {
background-color: #D7EBFF;
}
.style2 {
font-size: large;
font-weight: bold;
color: #17228e;
}
.style3 {
font-size: x-large;
font-weight: bold;
color: #17228e;
}
a:link {
color: #17228e;
}
a:visited {
color: #0000FF;
}
.style4 {
font-size: 60px;
font-weight: bold;
font-style: italic;
color: #ffd600;
}
-->
</style>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style5 {color: #ec0f0f}
.style8 {font-size: 36px}
-->
</style>
</head>


<body>
<table width="780" border="0" align="center">
<tr>
<td height="236" align="center" valign="top" background="images/a_diamond_buyer_banner.jpg"><div align="center" class="style4">
<marquee width="716" height="68" behavior="slide">
A DIAMOND BUYER.com
</marquee>
</div> </td>
</tr>
<tr>
<td align="center" bgcolor="17228e"><table width="630" border="0" cellpadding="5" bordercolor="#FFFFFF">
<tr>
<td width="123" align="left" valign="top" bgcolor="#FFFFFF"><br />
<p align="center" class="style2"><a href="index.html"><br />
Home</a></p>
<p align="center" class="style2"><a href="LosAngeles_diamond_buyer_sell_now.html">Sell Diamond Now</a></p>
<p align="center" class="style2"><a href="buyers_of_diamonds_fancy.htm">Fancy Shape</a></p>
<p align="center" class="style2"><a href="sell_diamonds_round_shape.html">Round Shape</a></p>
<p align="center" class="style2"><a href="diamond_buyers_diamond jewelry.html">Diamond Jewelry</a></p>
<p align="center" class="style2"><a href="LosAngeles_ diamond_buyer_links.html">Links</a></p>
<p align="center" class="style2"><a href="diamond_buyer_contact_us.html">Contact Us</a></p>
<p align="center" class="style2">&nbsp;</p></td>
<td width="497" height="600" align="center" valign="top" bgcolor="#FFFFFF"><div align="center">
<table width="254" height="90" border="0">
<tr>
<td width="98" align="center" valign="top"><a href="http://www.labbb.org/BBBWeb/Forms/Business/CompanyReportPage_Expository.aspx?CompanyID=100022454" target="_blank"><img src="diamond_buyers/cash_for_diamonds.gif" alt="buyers_of_diamonds" name="sell_diamonds" width="53" height="81" border="0" id="sell_diamonds" /></a></td>
<td width="162" align="center" valign="middle"><a href="http://www.gia.edu/alumni/324/member_directory.cfm?page=detail&amp;emplId=0901105"><img src="diamond_buyers/buyers_of_diamonds.gif" alt="sell_diamonds" name="diamond_buyers_houston" width="124" height="60" id="diamond_buyers_houston" /></a></td>
</tr>
</table>
<div align="center">
<p><span class="style3">Sell Diamond Now</span></p>
<table width="323" border="0">
<tr>
<td width="317"><form id="quote" method="post" action="quote.php">
<p align="left"><span id="sprytextfield1">
<label>First Name:
<input name="first_name" type="text" id="first_name" />
<font color="#f40f0f">*</font></label>
</span>
<label><font color="#fd1818">R</font><font color="#ec0f0f">equired</font></label>
</p>
<p align="left"><span id="sprytextfield2">
<label>Last Name:
<input name="last_name" type="text" id="last_name" />
<font color="#f40f0f">*</font></label>
</span>
<label><font color="#fd1818">R</font><font color="#ec0f0f">equired</font></label>
</p>
<p align="left"><span id="sprytextfield3">
<label>Telephone:
<input name="phone" type="text" id="phone" />
<span class="textfieldInvalidFormatMsg">Invalid format.</span>                  <font color="#f40f0f">*</font></label>
</span>
<label><font color="#fd1818">R</font><font color="#ec0f0f">equired.... .....................ie. 000-000-0000.....</font></label>
</p>
<p align="left"><span id="sprytextfield4">
<label>Email address:
<input name="email" type="text" id="email" />
</label>
<span class="style5">*</span>
</span>
<label><font color="#fd1818">R</font><font color="#ec0f0f">equired</font></label>
</p>
<p align="left">
<label>Street Address :
<input name="street" type="text" id="street" />
</label>
</p>
<p align="left">
<label>City:
<input name="city" type="text" id="city" />
</label>
</p>
<p align="left">
<label>State:
<input name="state" type="text" id="state" />
</label>
</p>
<p align="left">
<label>Country: </label>
<select name="country">
<option value="USA" selected="selected">USA</option>
<option value="Afganistan">Afghanistan</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antigua &amp; Barbuda">Antigua &amp; Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
<option value="Bolivia">Bolivia</option>
<option value="Bonaire">Bonaire</option>
<option value="Bosnia &amp; Herzegovina">Bosnia &amp; Herzegovina</option>
<option value="Botswana">Botswana</option>
<option value="Brazil">Brazil</option>
<option value="British Indian Ocean Ter">British Indian Ocean Ter</option>
<option value="Brunei">Brunei</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cambodia">Cambodia</option>
<option value="Cameroon">Cameroon</option>
<option value="Canada">Canada</option>
<option value="Canary Islands">Canary Islands</option>
<option value="Cape Verde">Cape Verde</option>
<option value="Cayman Islands">Cayman Islands</option>
<option value="Central African Republic">Central African Republic</option>
<option value="Chad">Chad</option>
<option value="Channel Islands">Channel Islands</option>
<option value="Chile">Chile</option>
<option value="China">China</option>
<option value="Christmas Island">Christmas Island</option>
<option value="Cocos Island">Cocos Island</option>
<option value="Columbia">Columbia</option>
<option value="Comoros">Comoros</option>
<option value="Congo">Congo</option>
<option value="Cook Islands">Cook Islands</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Cote DIvoire">Cote D'Ivoire</option>
<option value="Croatia">Croatia</option>
<option value="Cuba">Cuba</option>
<option value="Curaco">Curacao</option>
<option value="Cyprus">Cyprus</option>
<option value="Czech Republic">Czech Republic</option>
<option value="Denmark">Denmark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominica">Dominica</option>
<option value="Dominican Republic">Dominican Republic</option>
<option value="East Timor">East Timor</option>
<option value="Ecuador">Ecuador</option>
<option value="Egypt">Egypt</option>
<option value="El Salvador">El Salvador</option>
<option value="Equatorial Guinea">Equatorial Guinea</option>
<option value="Eritrea">Eritrea</option>
<option value="Estonia">Estonia</option>
<option value="Ethiopia">Ethiopia</option>
<option value="Falkland Islands">Falkland Islands</option>
<option value="Faroe Islands">Faroe Islands</option>
<option value="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="France">France</option>
<option value="French Guiana">French Guiana</option>
<option value="French Polynesia">French Polynesia</option>
<option value="French Southern Ter">French Southern Ter</option>
<option value="Gabon">Gabon</option>
<option value="Gambia">Gambia</option>
<option value="Georgia">Georgia</option>
<option value="Germany">Germany</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Great Britain">Great Britain</option>
<option value="Greece">Greece</option>
<option value="Greenland">Greenland</option>
<option value="Grenada">Grenada</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guinea">Guinea</option>
<option value="Guyana">Guyana</option>
<option value="Haiti">Haiti</option>
<option value="Hawaii">Hawaii</option>
<option value="Honduras">Honduras</option>
<option value="Hong Kong">Hong Kong</option>
<option value="Hungary">Hungary</option>
<option value="Iceland">Iceland</option>
<option value="India">India</option>
<option value="Indonesia">Indonesia</option>
<option value="Iran">Iran</option>
<option value="Iraq">Iraq</option>
<option value="Ireland">Ireland</option>
<option value="Isle of Man">Isle of Man</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Jamaica">Jamaica</option>
<option value="Japan">Japan</option>
<option value="Jordan">Jordan</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kiribati">Kiribati</option>
<option value="Korea North">Korea North</option>
<option value="Korea Sout">Korea South</option>
<option value="Kuwait">Kuwait</option>
<option value="Kyrgyzstan">Kyrgyzstan</option>
<option value="Laos">Laos</option>
<option value="Latvia">Latvia</option>
<option value="Lebanon">Lebanon</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Libya">Libya</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lithuania">Lithuania</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Macau">Macau</option>
<option value="Macedonia">Macedonia</option>
<option value="Madagascar">Madagascar</option>
<option value="Malaysia">Malaysia</option>
<option value="Malawi">Malawi</option>
<option value="Maldives">Maldives</option>
<option value="Mali">Mali</option>
<option value="Malta">Malta</option>
<option value="Marshall Islands">Marshall Islands</option>
<option value="Martinique">Martinique</option>
<option value="Mauritania">Mauritania</option>
<option value="Mauritius">Mauritius</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexico">Mexico</option>
<option value="Midway Islands">Midway Islands</option>
<option value="Moldova">Moldova</option>
<option value="Monaco">Monaco</option>
<option value="Mongolia">Mongolia</option>
<option value="Montserrat">Montserrat</option>
<option value="Morocco">Morocco</option>
<option value="Mozambique">Mozambique</option>
<option value="Myanmar">Myanmar</option>
<option value="Nambia">Nambia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Netherland Antilles">Netherland Antilles</option>
<option value="Netherlands">Netherlands</option>
<option value="Nevis">Nevis</option>
<option value="New Caledonia">New Caledonia</option>
<option value="New Zealand">New Zealand</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</option>
<option value="Niue">Niue</option>
<option value="Norfolk Island">Norfolk Island</option>
<option value="Norway">Norway</option>
<option value="Oman">Oman</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau Island">Palau Island</option>
<option value="Palestine">Palestine</option>
<option value="Panama">Panama</option>
<option value="Papua New Guinea">Papua New Guinea</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Phillipines">Philippines</option>
<option value="Pitcairn Island">Pitcairn Island</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="Qatar">Qatar</option>
<option value="Reunion">Reunion</option>
<option value="Romania">Romania</option>
<option value="Russia">Russia</option>
<option value="Rwanda">Rwanda</option>
<option value="St Barthelemy">St Barthelemy</option>
<option value="St Eustatius">St Eustatius</option>
<option value="St Helena">St Helena</option>
<option value="St Kitts-Nevis">St Kitts-Nevis</option>
<option value="St Lucia">St Lucia</option>
<option value="St Maarten">St Maarten</option>
<option value="St Pierre &amp; Miquelon">St Pierre &amp; Miquelon</option>
<option value="St Vincent &amp; Grenadines">St Vincent &amp; Grenadines</option>
<option value="Saipan">Saipan</option>
<option value="Samoa">Samoa</option>
<option value="Samoa American">Samoa American</option>
<option value="San Marino">San Marino</option>
<option value="Sao Tome &amp; Principe">Sao Tome &amp; Principe</option>
<option value="Saudi Arabia">Saudi Arabia</option>
<option value="Senegal">Senegal</option>
<option value="Seychelles">Seychelles</option>
<option value="Serbia &amp; Montenegro">Serbia &amp; Montenegro</option>
<option value="Sierra Leone">Sierra Leone</option>
<option value="Singapore">Singapore</option>
<option value="Slovakia">Slovakia</option>
<option value="Slovenia">Slovenia</option>
<option value="Solomon Islands">Solomon Islands</option>
<option value="Somalia">Somalia</option>
<option value="South Africa">South Africa</option>
<option value="Spain">Spain</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="Sudan">Sudan</option>
<option value="Suriname">Suriname</option>
<option value="Swaziland">Swaziland</option>
<option value="Sweden">Sweden</option>
<option value="Switzerland">Switzerland</option>
<option value="Syria">Syria</option>
<option value="Tahiti">Tahiti</option>
<option value="Taiwan">Taiwan</option>
<option value="Tajikistan">Tajikistan</option>
<option value="Tanzania">Tanzania</option>
<option value="Thailand">Thailand</option>
<option value="Togo">Togo</option>
<option value="Tokelau">Tokelau</option>
<option value="Tonga">Tonga</option>
<option value="Trinidad &amp; Tobago">Trinidad &amp; Tobago</option>
<option value="Tunisia">Tunisia</option>
<option value="Turkey">Turkey</option>
<option value="Turkmenistan">Turkmenistan</option>
<option value="Turks &amp; Caicos Is">Turks &amp; Caicos Is</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Uganda">Uganda</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Erimates">United Arab Emirates</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Uraguay">Uruguay</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Vatican City State">Vatican City State</option>
<option value="Venezuela">Venezuela</option>
<option value="Vietnam">Vietnam</option>
<option value="Virgin Islands (Brit)">Virgin Islands (Brit)</option>
<option value="Virgin Islands (USA)">Virgin Islands (USA)</option>
<option value="Wake Island">Wake Island</option>
<option value="Wallis &amp; Futana Is">Wallis &amp; Futana Is</option>
<option value="Yemen">Yemen</option>
<option value="Zaire">Zaire</option>
<option value="Zambia">Zambia</option>
<option value="Zimbabwe">Zimbabwe</option>
</select>
</p>
<p align="left">
<label>Preffered Contact Method:</label>
<select name="contact_method" size="1" id="contact_method" tabindex="10">
<option value="select method">Select method &gt;</option>
<option value="email">E-mail</option>
<option value="telephone">Telephone</option>
<option value="either">Either</option>
</select>
</p>
<p align="left">
<label>Carat Weight: </label>
<input name="carat_weight" type="text" id="carat_weight" tabindex="11" value="         CT." size="11" />
</p>
<p align="left">
<label>Shape: </label>
<select name="shape" size="1" id="shape" tabindex="12">
<option value="select shape" selected="selected">Select shape &gt;</option>
<option value="Round Cut">Round Cut</option>
<option value="Emerald Cut">Emerald Cut</option>
<option value="Marquise Cut">Marquise Cut</option>
<option value="Princess Cut">Princess Cut</option>
<option value="Radiant Cut">Radiant Cut</option>
<option value="Pear Cut">Pear Cut</option>
<option value="Heart Cut">Heart Cut</option>
<option value="Other">Other (describe in the detail box)</option>
<option value="Not Sure">Not Sure</option>
</select>
</p>
<p align="left">
<label>Color: </label>
<select name="color" size="1" id="color" tabindex="13">
<option value="select color" selected="selected">Select color &gt;</option>
<option value="D-colorless">D-colorless</option>
<option value="E-colorless">E-colorless</option>
<option value="F-colorless">F-colorless</option>
<option value="G-near colorless">G-near colorless</option>
<option value="H-near colorless">H-near colorless</option>
<option value="I-near colorless">I-near colorless</option>
<option value="J-near colorless">J-near colorless</option>
<option value="K-slight tint">K-slight tint</option>
<option value="L-slight tint">L-slight tint</option>
<option value="M-slight tint">M-slight tint</option>
<option value="N-P, faint yellow">N-P, faint yellow</option>
<option value="Q-V, slight yellow">Q-V, slight yellow</option>
<option value="W-Z, yellow">W-Z, yellow</option>
<option value="fancy color">Fancy Color (describe in the detail box)</option>
<option value="other">Other (describe in the detail box)</option>
<option value="Not Sure">Not Sure</option>
</select>
</p>
<p align="left">
<label>Clarity: </label>
<select name="clarity" size="1" id="clarity" tabindex="14">
<option value="select clarity" selected="selected">Select clarity &gt;</option>
<option value="IF-flawless">IF-flawless</option>
<option value="VVS1-very very slightly included">VVS1-very very slightly included</option>
<option value="VVS2-very very slightly included">VVS2-very very slightly included</option>
<option value="VS1-very slightly included">VS1-very slightly included</option>
<option value="VS2-very slightly included">VS2-very slightly included</option>
<option value="SI1-slightly included">SI1-slightly included</option>
<option value="SI2-slightly included">SI2-slightly included</option>
<option value="SI3-slightly included">SI3-slightly included</option>
<option value="I1-visibly included">I1-visibly included</option>
<option value="I2,I3-visibly included">I2,I3-visibly included</option>
<option value="other">Other (describe in the detail box)</option>
<option value="Not Sure">Not Sure</option>
</select>
</p>
<p align="left">
<label>Certificate: </label>
<select name="certificate" size="1" id="certificate" tabindex="15">
<option value="Select certificate" selected="selected">Select certificate &gt;</option>
<option value="G.I.A.">G.I.A.</option>
<option value="A.G.S.">A.G.S.</option>
<option value="E.G.L.">E.G.L.</option>
<option value="H.R.D.">H.R.D.</option>
<option value="I.G.I.">I.G.I.</option>
<option value="I.G.L.">I.G.L.</option>
<option value="store appraisal">store appraisal</option>
<option value="other">Other (describe in the detail box)</option>
<option value="Not Sure">Not Sure</option>
</select>
</p>
<p align="left">
<label>Mounting: </label>
<select name="mounting" size="1" tabindex="12">
<option value="Select Mounting Type">Select Mounting Type</option>
<option value="plat">Platinum</option>
<option value="20-24k">20K - 24K Gold</option>
<option value="18k">18K Gold</option>
<option value="14k">14K Gold</option>
<option value="10k">10K Gold</option>
<option value="2 tone">Two - Tone</option>
<option value="silver">Silver</option>
<option value="other">Other - Describe</option>
<option value="?">Not Sure</option>
</select>
</p>
<p align="left">
<label>Asking Price: </label>
<span id="sprytextfield5">
<input name="asking_price" type="text" id="asking_price" tabindex="16" size="15" />
<span class="textfieldInvalidFormatMsg">Invalid format.</span> </span>
<label><font color="#f40f0f">*</font></label>
<label><font color="#fd1818">R</font><font color="#ec0f0f">equired...... ....................Numbers Only..................................</font></label>
</p>
<p align="left">Describe further details below, then press submit...<br />
<textarea name="comments" cols="35" rows="5" id="comments" tabindex="17"></textarea>
</p>
<p align="left">
<input name="submit" type="submit" id="submit" tabindex="18" value="Submit Quote Request" />
<input name="reset" type="reset" id="reset" value="Reset Form" />
</p>
</form></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
<p align="left">&nbsp;</p>
<table width="463" border="0">
<tr>
<td align="center"><a href="diamond_buyers/sell_diamonds/diamond_buyers_houston.jpg" target="_blank"><img src="diamond_buyers/sell_diamonds/sell_diamonds.jpg" alt="cash_for_diamonds" name="buyers_of_diamonds" width="150" height="116" id="buyers_of_diamonds" /></a></td>
<td align="center" valign="middle"><a href="diamond_buyers/sell_diamonds/diamond_buyers_houston_.jpg" target="_blank"><img src="diamond_buyers/sell_diamonds/sell_diamonds_.jpg" alt="cash_for_diamonds" name="buyers_of_diamonds" width="150" height="99" id="buyers_of_diamonds" /></a></td>
</tr>
<tr>
<td align="center"><a href="diamond_buyers/sell_diamonds/buyers_of_diamonds.jpg" target="_blank"><img src="diamond_buyers/sell_diamonds/cash_for_diamonds.jpg" alt="sell_diamonds" name="diamond_buyers_houston" width="150" height="96" id="diamond_buyers_houston" /></a></td>
<td align="center" valign="middle"><a href="diamond_buyers/sell_diamonds/buyers_of_diamonds_.jpg" target="_blank"><img src="diamond_buyers/sell_diamonds/cash_for_diamonds_.jpg" alt="sell_diamonds" name="diamond_buyers_houston" width="150" height="109" id="diamond_buyers_houston" /></a></td>
</tr>
</table>
<p align="left">&nbsp;</p>
<p><strong><span class="style8">L.B.J.D. Inc.</span><br />
</strong><strong>608 S. Hill St., Suite 807<br />
Los Angeles, CA   90014<br />
213-629-1823 OR</strong> <a title="contact_gia_buyer" href="mailto:buyer@gemwin.com" color="#5976cc" +1?><strong>Click here to email us</strong></a></p>
<p>This web site content and images are all ©   copyrighted 2005 by L.B.J.D.<br />
No image or   content may be reproduced without our written consent.<br />
We vigorously defend   our intellectual property.</p>
<p align="left"></p>
<p align="left">&nbsp;</p>
<p>&nbsp;</p>
</div>
</div></td>
</tr>
</table></td>
</tr>
</table>
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "phone_number", {format:"phone_custom", pattern:"000-000-0000"});
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "email");
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5", "currency");
//-->
</script>
</body>
</html>

Recommended Answers

All 2 Replies

One quick thing I noticed

Your form used the standard submit option in html. What this means is that if one of the web site visitors turns off the javascript option in their web browser, all your fancy checking will no longer work, but the page will still allow them to submit the data / form whatever you want to call it.

If one is going to use Javascript for validating input, then they should change the submit option to use Javascript as well. This way it will probably get rid of the bad data you are getting.

The other possiblitiy is that your Javascript library is not doing what it is supposed to. Since you did not include the Javascript source in your post, I am cannot verify if this is the case or not.

What does this have to do with php? You have no php in your code at all.

You might want to consider adding it in though. No form should be submitted without server side validation. Using JavaScript for validation is kind of like putting a plastic lock on your door.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.