Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Sep 2012
    Thanked 0 Times in 0 Posts

    Angry HTML5 Form & Validation

    I'm having trouble with my contact form not working properly.
    The form won't email me.

    I'm also trying to validate this page, but keep receiving the following error message: "The for attribute of the label element must refer to a form control."

    Any help/suggestions?

    Contact HTML Page below
    <!DOCTYPE html>
    <html lang="en">
    <!-- Head Begins --> <head>
    <!--[if lt IE 9]>
    <script src="adjustForIE.js">
    <meta charset="UTF-8">
    <meta name="keywords" content="Architecture,London,Modern">
    <meta name="description" content="The background of Modern Architecture in London">
    <meta name="author" content="Kyhry Taylor">
    <title>London's Modern Architecture Introduction</title>
    <link rel="stylesheet" href="IMD110.css">
    </head> <!-- Head Ends -->
    <!-- Header Begins --> <header>
    <div id="logo">
    <a href="index.htm">
    <img src="MAL_Logo.png" alt=" Modern London Architecture" />
    </header> <!-- Header Ends -->
    <div id="greybar"> </div>
    <!-- Wrapper Begins --><div id="wrapper"> 
    <!-- Nav Begins --> <nav>
    <a href="index.htm">introduction</a>
    <a href="buildings.html">buildings</a>
    <a href="contactIMD.html">contact</a>
    <a href="reply.html">reply</a>
    <a href="sources.html">sources</a>
    <a href="architects.html">architects</a>
    <a href="exhibitions.html">exhibitions</a>
    </nav> <!-- Nav Ends -->
    <section id="contactbody" class="fontcolor">
                 <h1>We'd love to hear from you</h1>
    <!-- Contact Form Begins -->
        <form class="contact_form" action="a-comments.php" method="post" id="comments">
    <label for="name" class="fontcolor">Your Name*</label>
    <input type="text" placeholder="John Doe" required />
    <label for="email" class="fontcolor">Your Email Address*</label> 
    <input type="email" name="email" placeholder="john_doe@example.com" required />
    <br> <br>
    <label for="subject" class="fontcolor">Subject*</label>  
    <input type="text"  placeholder="John Doe" required />
    <br> <br>
    <label for="message" class="fontcolor">Message*</label>
    <textarea name="message" cols="60" rows="15" required ></textarea>
    <label for="antispam" class="fontcolor">Anti-Spam (14 + 6)*</label>
    <input type="text"  placeholder="14+6" required />
    <button class="submit" type="submit">Send</button> 
    </form><!-- Contact Form Ends -->
    <!-- Aside Begins --><aside id="rightmap">
    <img src="QuestionsGraphics.png" alt=" Questions or Concerns" />
    </aside> <!-- Aside Ends -->
    </div><!-- Wrapper Ends -->
    <!-- Footer Begins --><footer>
    <div class="clearFloat"> </div>
    &copy; 2013 Kyhry Taylor
    </footer><!-- Footer Ends -->
    a-comments php code

        $name = $_POST['name'];
        $email = $_POST['email'];
        $comments= $_POST['comments'];
    	$headers = "From: $email \r\n";
      	$to = 'kyhry.taylor@gmail.com'; 
        $subject = 'IMD110 - Form';
        $addition = $_POST['addition'];
        $body = "From: $name\n E-Mail: $email\n Comments:\n $comments";
     if ($_POST['submit'] && $addition == '20') {				 
            if (mail ($to, $subject, $body, $headers)) { 
    	   header( "Location:a-commentsReply.php" );
    	} else { 
    	    echo '<p>Something is incorrect, hit the back button and try again!</p>'; 
        } else if ($_POST['submit'] && $addition!= '20') {
    	echo '<p>You answered the anti-spam question incorrectly hit the back button and try again!</p>';

  2. #2
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Sydney, Australia
    Thanked 932 Times in 919 Posts
    You left out the id attributes in the input and textarea fields that the for attributes in the label tags are referring to.

    <label for="name" class="fontcolor">Your Name*</label>
    <input type="text" id="name" placeholder="John Doe" required />
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  3. Users who have thanked felgall for this post:

    kyhryt (03-04-2013)

  4. #3
    New to the CF scene
    Join Date
    Sep 2012
    Thanked 0 Times in 0 Posts

    Thank you very much!


Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts