pls i need help from my friends out there.. i am gettin aform validation error in my contact page when i first try to load it using a webserver like xampp or wampp, else if i jus run with my web browser there is no such error .. here is the form and java script in the contact page of my new website. pls can sm1 give any clues or spot the error 4 me

<!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><!-- Hide this line for IE (needed for firefox and others) --><![if !IE]>
<link rel="icon" href="images/rockwell logo.gif" type="image/x-icon" /><![endif]><!-- This is need for IE -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/ico" />
<title>Rockwell Oil and Gas | Contact</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-aller.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>

<script src="freecontactformvalidation.js"></script>
<script>
    required.add('Full_Name','NOT_EMPTY','Full Name');
    required.add('Email_Address','EMAIL','Email Address');
    required.add('Your_Message','NOT_EMPTY','Your Message');
    required.add('AntiSpam','NOT_EMPTY','Anti-Spam Question');
</script>
<link rel="stylesheet" type="text/css" href="freecontactform.css">

</head>
<body>
<div class="main">
  <div class="header">
    <div class="header_resize">
      <div class="menu_nav">
        <ul>
          <li><a href="index.html"><span>Home Page</span></a></li>
          <li><a href="services.html"><span>Services</span></a></li>
          <li><a href="about.html"><span>About Us</span></a></li>
          <li><a href="careers.html"><span>Career</span></a></li>
          <li class="active"><a href="contact.html"><span>Contact Us</span></a></li>
        </ul>
      </div>
      <div class="logo">
        <h1><span>
        <img border="0" src="images/rockwell%20logo.png" width="140" height="77"></span><a href="index.html"><small>Making 
        a difference through innovative partnership</small></a></h1>
      </div>
      <div class="clr"></div>
      <div class="slider">
        <div id="coin-slider"><a href="#"><img src="images/new.jpg" width="840" height="271" alt="" /></a> <a href="#"><img src="images/Slider_OilGasOffshore_2.jpg" width="840" height="271" alt="" /></a> <a href="#"><img src="images/12.jpg" width="840" height="271" alt="" /></a></div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="content">
    <div class="content_resize">
      <div class="mainbar" style="width: 695px; height: 797px">
        <div class="article">
          <h2>Contact</h2>
          <div class="img" style="width: 621px; height: 644px">
            <p><font size="2" color="#000000"><strong>You can reach us on Mondays - Fridays from 9.00am - 5.00pm</strong></font></p>
        <p class="contact_info"> <font size="2" color="#000000"> <span>
        Address:</span> 8 Rasheed, Alaba Williams 
        street, Office Apartment, Lekki Phase 1, Lagos Nigeria.</font></p>
        <p class="contact_info"> 
          <font size="2" color="#000000"> 
          <span>Telephone:</span> +234 (0) 8033119328<br />
          <span>FAX:</span> +234 (0) 12951525<br />
          <span>Others:</span> <br />
          <span>E-mail:</span> </font><font size="2"> <a href="mailto:info@rockwelloilandgasltd.com">
        info@rockwelloilandgasltd.com</a> </font> </p>
          <h2>Send us a mail</h2>
            <p>&nbsp;<form name="freecontactform" method="post" action="freecontactformprocess.php" onsubmit="return validate.check(this)">
    <table width="400px" class="freecontactform">
    <tr>
     <td colspan="2">

     <div class="freecontactformheader"><font color="#000000">Contact Us Form</font></div>

     <div class="freecontactformmessage"><font color="#000000">Fields marked with </font><font color="#FF0000"> <span class="required_star"> *<font color="#000000">
        </font> </span> </font><font color="#000000">are mandatory.</font></div>

     </td>
    </tr>
    <tr>
     <td valign="top">
      <font color="#000000">
      <label for="Full_Name" class="required">Full Name<span class="required_star"> * </span></label>
        </font>
     </td>
     <td valign="top">
      <input type="text" name="Full_Name" id="Full_Name" maxlength="80" style="width:230px"><font color="#000000">
        </font>
     </td>
    </tr>
    <tr>
     <td valign="top">
      <font color="#000000">
      <label for="Email_Address" class="required">Email Address<span class="required_star"> * </span></label>
        </font>
     </td>
     <td valign="top">
      <input type="text" name="Email_Address" id="Email_Address" maxlength="100" style="width:230px"><font color="#000000">
        </font>
     </td>
    </tr>
    <tr>
     <td valign="top">
      <font color="#000000">
      <label for="Telephone_Number" class="not-required">Telephone Number</label>
        </font>
     </td>
     <td valign="top">
      <input type="text" name="Telephone_Number" id="Telephone_Number" maxlength="100" style="width:230px"><font color="#000000">
        </font>
     </td>
    </tr>
    <tr>
     <td valign="top">
      <font color="#000000">
      <label for="Your_Message" class="required">Your Message<span class="required_star"> * </span></label>
        </font>
     </td>
     <td valign="top">
      <font color="#000000">
      <textarea style="width:230px;height:160px" name="Your_Message" id="Your_Message" maxlength="2000"></textarea>
        </font>
     </td>
    </tr>
    <tr>
     <td colspan="2" style="text-align:center" >
      <div class="antispammessage">
      <font color="#000000">To help prevent automated spam, please answer this question
      <br />
          </font>
          <div class="antispamquestion">
           <font color="#000000">
           <span class="required_star"> * </span>
           Using only numbers, what is 10 plus 15? &nbsp; 
           </font> 
           <input type="text" name="AntiSpam" id="AntiSpam" maxlength="100" style="width:30px"><font color="#000000">
            </font>
          </div>
      </div>
     </td>
    </tr>
    <tr>
     <td colspan="2" style="text-align:center" >
     <font color="#000000">
     <br />
      </font>
      <input type="submit" value=" Submit Form " style="width:200px;height:40px"><font color="#000000">
      <br />&nbsp;</font></td>
    </tr>
    </table>
    </form>

Recommended Answers

All 5 Replies

No ending </BODY></HTML> ?

i knw i am jus showing the form code which is the cause of the problem and d java script.. pls if u can spot why i get form validation error let me knw .. i really need dis help

Well you are obviously doing something wrong in your javascript, because somewhere youre trying to find one element 'h1,h2,h3,h4,h5,h6, .menu ul li'.

You cannot find one object using this locator, you need to change it to point to a specific element.

In order to find this we need to see the bits of javascript that have 'h1,h2,h3,h4,h5,h6, .menu ul li' in them.

Thanks so much , i am happy you where able to locate the problem. This is it..

// <![CDATA[
$(function() {

  // Slider
  $('#coin-slider').coinslider({width:940,height:271,opacity:1});

  // Radius Box
  //$('').css({"border-radius":"24px", "-moz-border-radius":"24px", "-webkit-border-radius":"24px"});
  //$('.post_content a.rm, .content p.pages span, .content p.pages a').css({"border-radius":"6px", "-moz-border-radius":"6px", "-webkit-border-radius":"6px"});
  //$('.article a.com').css({"border-top-right-radius":"10px", "border-bottom-right-radius":"10px", "-moz-border-radius-topright":"10px", "-moz-border-radius-bottomright":"10px", "-webkit-border-top-right-radius":"10px", "-webkit-border-bottom-right-radius":"10px"});
  //$('.content p.pages span, .content p.pages a').css({"border-radius":"24px", "-moz-border-radius":"24px", "-webkit-border-radius":"24px"});
  //$('.menu_nav ul').css({"border-top-left-radius":"10px", "border-bottom-left-radius":"10px", "-moz-border-radius-topleft":"10px", "-moz-border-radius-bottomleft":"10px", "-webkit-border-top-left-radius":"10px", "-webkit-border-bottom-left-radius":"10px"});
  //$('p.infopost, .content .sidebar h2').css({"border-top-left-radius":"6px", "border-bottom-left-radius":"6px", "-moz-border-radius-topleft":"6px", "-moz-border-radius-bottomleft":"6px", "-webkit-border-top-left-radius":"6px", "-webkit-border-bottom-left-radius":"6px"});
  //$('.searchform, .content .sidebar .gadget, .content .mainbar .article, .content p.pages').css({"border-top-left-radius":"10px", "border-top-right-radius":"10px", "-moz-border-radius-topleft":"10px", "-moz-border-radius-topright":"10px", "-webkit-border-top-left-radius":"10px", "-webkit-border-top-right-radius":"10px"});

}); 

// Cufon
Cufon.replace('h1, h2, h3, h4, h5, h6, .menu_nav ul li a', { hover: true });
//Cufon.replace('h1', { color: '-linear-gradient(#fff, #ffaf02)'});
//Cufon.replace('h1 small', { color: '#8a98a5'});

// ]]>

Change line 19 to this:

Cufon.replace('h1, h2, h3, h4, h5, h6, .menu_nav ul li a', { fontFamily: 'Vegur', hover: true });

You have to tell cufon which font family to use, then add the options like hover and colour.

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.