JavaScript - Trouble With Form Submission..

I have been hard at work coding a fancy JQuery form validation script. Problem is, when I run validation on my form, it seems to work, but no email is sent. But when I disable validation, the email sends just fine. I am fairly new to JavaScript, and need some help pinpointing where my error is.

Here is the code.

Code:

// BEGIN JAVASCRIPT
$(function(){
	
    //original field values
    var field_values = {
            //id  :  value
            'name'  :  'your name',
            'email'  :  'your email',
			'yourmessage'  :  'I would like to inquire about'
    };

    //inputfocus
    $('input#name').inputfocus({ value: field_values['name'] });
    $('input#email').inputfocus({ value: field_values['email'] });
	$('textarea#yourmessage').inputfocus({ value: field_values['yourmessage'] });

    //form validation
    $('form').submit(function validateForm(){ return false }); // removing this return false seems to mess up validation
    $('#submit').click(function(){
        //remove classes
        $('#sendamessage input').removeClass('error').removeClass('valid');

        //ckeck if inputs aren't empty
        var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
        var fields1 = $('#sendamessage input[type=text],#sendamessage textarea');
        var error = 0;
        fields1.each(function(){
            var value = $(this).val();
            if( value.length<2 || value==field_values[$(this).attr('id')] || ( $(this).attr('id')=='email' && !emailPattern.test(value) ) ) {
                $(this).addClass('error'); // css class
                $(this).effect("shake", { times:3 }, 50);

                error++;
            } else {
                $(this).addClass('valid'); // css class
            }
        });     
        
        if(!error) {
        	// this is where I get confused. How do I make this send the form?
        	alert('Data sent');
    		});
        } 						
    }); 	
});
// END JAVASCRIPT


        <form method="post" action="" onsubmit="return validateForm()" >
			<input type="hidden" name="ccf_customhtml" value="1" />
			<input type="hidden" name="success_message" value="Thank you for filling out our form!" />
			<input type="hidden" name="destination_email" value="dauidus@gmail.com" />
            <input type="hidden" name="required_fields" value="" />

            	<label for="name">Name</label>
            		<input type="text" name="name" id="name" value="your name" /> 
            
            	<label for="email">Email</label>
            		<input type="text" name="email" id="email" value="your email" /> 
            
            	<label for="yourmessage">Your Message</label>
            		<textarea name="yourmessage" id="yourmessage" value="I would like to inquire about" style="margin-bottom:20px;" />I would like to inquire about</textarea>

            		<input class="send submit" id="submit" type="submit" value="" style="position: relative; bottom: -70px; left: 25px; " />
        </form>

I am using a WordPress plugin to automatically send the contents of the form to email. It works without the javascript enabled. But when I turn on JS the form gets validated, but no email is sent.

Please let me know if I should include anything else here... I've been looking at this code so much that I'm having a hard time doing it with fresh eyes. The problem page is on http://new.dauidusdesign.com/contact/. FYI, I am also looking to make this work with the 'request a quote' link on the same page.

Cheers!
-Dave

I have the below code to validate and send my form. It sends the email fine, but I receive the error message at the bottom of the page instead of the success message. Any help on why it is doing this would be great. This is my first form validation script. Here is the page live: Website

here is the javascript:

Code:

$(document).ready(function() {
	
	$('form #response').hide();
	
	$('#submitbtn').click(function(e) {
		
		e.preventDefault();
				
		var valid = '';
		var required = ' is required.';
		var name = $('form #name').val();
		var phone = $('form #phone').val();
		var email = $('form #email').val();
		var details = $('form #details').val();
		var honeypot = $('form #honeypot').val();
		var humancheck = $('form #humancheck').val();
		
		if (!name.match(/^[A-Za-z ]{3,20}$/)) {
			valid = '<p>- Your name' + required +'</p>';	
		}
		
		if (!phone.match(/^([1]-)?[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/i)) {
			valid += '<p>- A valid phone number' + required +'</p>';												  
		}
		if (!email.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)) {
			valid += '<p>- A valid email address' + required +'</p>';												  
		}
		
		if (honeypot != 'http://') {
			valid += '<p>Spambots are not allowed.</p>';	
		}
		
		if (humancheck != '') {
			valid += '<p>A human user' + required + '</p>';	
		}
		
		if (valid != '') {
			
			$('form #response').removeClass().addClass('error')
				.html('<strong>Please correct the errors below:</strong>' + 
				valid).fadeIn('fast');			
		}
		
		else {
			
			$('form #response').removeClass().addClass('processing').html('Processing...').fadeIn('fast');										
			
			var formData = $('form').serialize();
			submitForm(formData);			
		}			
			
	});
});

function submitForm(formData) {
	
	$.ajax({	
		type: 'POST',
		url: 'bookings.php',		
		data: formData,
		dataType: 'json',
		cache: false,
		timeout: 7000,
		success: function(data) { 			
			
			$('form #response').removeClass().addClass((data.error === true) ? 'error' : 'success')
						.html(data.msg).fadeIn('fast');	
						
			if ($('form #response').hasClass('success')) {
				
				setTimeout("$('form #response').fadeOut('fast')", 5000);
			}
		
		},
		error: function(XMLHttpRequest, textStatus, errorThrown) {
						
			$('form #response').removeClass().addClass('error')
						.html('<strong>There was an error. Please use the above information and contact us directly.</strong>').fadeIn('fast');			
		},				
		complete: function(XMLHttpRequest, status) { 			
			
			$('form')[0].reset();
		}
	});	
};

PHP Code:

PHP Code:
<?php 

sleep(4);

$name = trim(stripslashes(htmlspecialchars($_POST['name'])));              
$phone = trim(stripslashes(htmlspecialchars($_POST['phone'])));        
$email = trim(stripslashes(htmlspecialchars($_POST['email'])));
$details = trim(stripslashes(htmlspecialchars($_POST['details'])));        
$humancheck = $_POST['humancheck'];
$honeypot = $_POST['honeypot'];


if ($honeypot == 'http://' && empty($humancheck)) {    
        
        //Validate data and return success or error message
        $error_message = '';    
        $name_check_exp = "/^[A-Za-z ]{3,20}$/";
        $phone_check_exp = "/^([1]-)?[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/i";
        $email_check_exp = "/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9-]+\.[a-zA-Z.]{2,4}$/";
        
        if (!preg_match($name_check_exp, $name)) {
                    
                    $error_message .= "<p>Your name is required.</p>";               
        }
        if (!preg_match($phone_check_exp, $phone)) {
                    
                    $error_message .= "<p>A valid phone number is required.</p>";    
        }        
        if (!preg_match($email_check_exp, $email)) {
                    
                    $error_message .= "<p>A valid email address is required.</p>";    
        }
        if (!empty($error_message)) {
                    $return['error'] = true;
                    $return['msg'] = "<h3>Oops! The request was successful but your form is not filled out correctly.</h3>".$error_message;                    
                    echo json_encode($return);
                    exit();
        } else {
            
            //send to  an email
            
            $emailSubject = 'Bookings Form';
            $webMaster = 'some.email@gmail.com';
            
$body="
<br><hr><br>
Name: $name <br>
Phone: $phone <br>
Email: $email <br>
Details: $details 
";      
            
            $headers = "From: $email\r\n";
            $headers .= "Content-type: text/html\r\n";
    

            //send email and return to user
            if(mail($webMaster, $emailSubject, $body, $headers)) {
            
                $return['error'] = false;
                $return['msg'] = "<p>Message sent successfully. Thank you for your intrest " .$name .".</p>"; 
                echo json_encode($return);
    
            } else {
    
                    $return['error'] = true;
                    $return['msg'] = "<h3>Oops! There was a problem with your submission. Please try again.</h3>";    
                    echo json_encode($return);
                              
          }        
    }
}

 ?>

Ok, I am reasonably new to javascript, and I have been trying to code some really basic client-side form validation. The validation part is working, but for some reason the form won't submit if no errors are found. I have tried all different variations of the submit syntax. i.e. document.login_form.submit();. But settled with the one on W3Schools even though it still didn't work.

I would really appreciate any advise. Here is my code:

Code:

<head>
<title>Project Rival - Authentication</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

function verify() {

var themessage = "Please enter your";

if (document.login_form.user.value=="") {
themessage = themessage + " username";
}

if (document.login_form.user.value=="" && document.login_form.pass.value=="") {
themessage = themessage + " and";
}

if (document.login_form.pass.value=="") {
themessage = themessage + " password";
}

//alert if fields are empty and cancel form submit
if (document.login_form.user.value!="" && document.login_form.pass.value!="") {
document.getElementById("login_form").submit();
return true;
}
else {
document.getElementById("error").innerHTML = themessage;
return false;
   }
}

</script>
</head>

<body>
<div id="container">

    <div id="login_box_top">&nbsp;</div>
    <div id="logo"><img src="images/projectrival.jpg" width="150"/></div>
    <div id="error"></div>
    <div id="login">
    	<form action="login.php" method="post" name="login_form" id="login_form">
        	<input name="user" class="input" id="user" type="text" size="30" maxlength="30" /><br /><br />
            <input name="pass" class="input" id="pass" type="password" size="30" maxlength="30" /><br /><br />
            <input name="submit" id="submit" type="button" value="Login" onclick="verify()" />
        </form>

  </div>
    <div id="login_box_bottom">&nbsp;</div>
    
    <div id="copy"><p>&copy; Martin Day 2011 </div>

</div>

</body>
</html>

Many Thanks

Hi. I am new here.
I wanted help for a JavaScript code.
You might think I'm lazy for not writing it myself, but the truth is I am not a JavaScript coder. I just have a really simple website and I am trying to do something for which I know JS is required but I don't know how to do it. I've also searched around but couldn't find the appropriate code.

I created a submission form for users when they log in to my website they can submit their info . when they fill the form and click on submit button is not sending the info to my email .............................please help

here is my my codes please take a look at it Thanks

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">
<meta name="verify-v1" content="N1J6LLa/OdGf52xzkbegP/YFAD+RaeKa9FQ2/8UJfKo=">
<title>southernfiremag.co.za</title>
<link href="southernfiremag.co.za_files/webstyle.css" rel="stylesheet" type="text/css">
<link href="southernfiremag.co.za_files/balloontip.css" rel="stylesheet" type="text/css">
<script src="southernfiremag.co.za_files/balloontip.js" type="text/javascript"></script><style media="screen" type="text/css">#FLheader {visibility:hidden}</style><style media="screen" type="text/css">#subFlash {visibility:hidden}</style><style media="screen" type="text/css">
#footer {visibility:hidden}.style1 {color: #FFFFFF}
body {
	background-color: #000000;
}
</style></head><body class="sIFR-active"><div id="dhtmltooltip"></div>
<script src="southernfiremag.co.za_files/gen_validatorv2.js" type="text/javascript"></script>



<div id="container">
 <script type="text/javascript">
			var flashvars = {
				dater:'',
				
				};
			var params = {};
			params.menu = "false";
			params.wmode = "transparent";
			params.bgcolor = "#1A1A1A";
			var attributes = {};
			swfobject.embedSWF("/header.swf", "FLheader", "977", "145", "8.0.0", false, flashvars, params, attributes);
		</script>
 <div id="maincontent">
   <script type="text/javascript">
			var flashvars = {

				};
			var params = {};
			params.menu = "false";
			params.wmode = "transparent";
			params.bgcolor = "#1A1A1A";
			var attributes = {};
			swfobject.embedSWF("/subHeader.swf", "subFlash", "963", "167", "8.0.0", false, flashvars, params, attributes);
		</script>
   <div class="textArea">
      <div id="crumbsBar"><b><a href="http://www.southernfiremag.co.za/">SOUTHERN FIRE MAG</a></b> &gt;&gt; <a href="http://www.southernfiremag.co.za/submissions/model_submission.php">MODEL SUBMISSION </a> &gt;&gt; Submit to modelsubmission@southernfiremag.co.za</div>
            <div id="adPanel">
	  
	  
	  


  			<img src="southernfiremag.co.za_files/become_Southern Fire Girl.png" border="0" height="258" width="292"><br>
        <!-- <a href="/join/"><img src="/images/membershipPrice.jpg" alt="" width="186" height="117" border="0" /></a><br />-->
        <img src="southernfiremag.co.za_files/index_20.jpg" alt="" height="258" width="292"><br>
        <img src="southernfiremag.co.za_files/ban_secure.jpg" alt="" height="120" width="186"><br>
        <img src="southernfiremag.co.za_files/ban_updates.jpg" alt="" height="120" width="186"><br>
    		<br>

			
			<br class="clear">

			
			</div>      <div id="mainPanel">
        <h1 style="" class="sIFR-replaced">&nbsp;</h1>
        <h2 class="sIFR-replaced" style="width: 460px;">&nbsp;</h2>
      </div>
      <br class="clearLeft">
      <div style="width: 400px; float: left;">
	  
  	  <p><span class="style1">Fill out this form with your pics. Be sure to include head-shots, 
 commercial fashion, glamour/swim and beauty.
</span></p>
	  
	  
      <div>
      <form action="index.htm" method="post" enctype="multipart/form-data" name="SOUTHERN FIRE MAG" id="SOUTHERN FIRE MAG">
      <table class="tableBK" border="0" cellpadding="3" cellspacing="1" width="400px">
        <!--DWLayoutTable-->
	  
	  			
          
          <tbody><tr>
            <td colspan="2" height="35"></td>
          </tr>
          
          <tr>
            <td width="141" height="24"><b class="formfont"><span style="color: red">*</span><span class="style1"> Name: </span></b></td>
            <td width="242"><input name="name" id="name" size="25" type="text">            </td>
          </tr>
          <tr>
            <td height="24"><b><span style="color: red">*</span><span class="style1"> Email:</span></b></td>
            <td><input name="email" id="email" size="25" type="text">            </td>          </tr>
          <tr>
            <td height="24"><span class="style1">Address:</span></td>
            <td><input name="address" id="address" size="25" type="text">            </td>
          </tr>
          <tr>
            <td height="24"><span class="style1">City:</span></td>
            <td><input name="city" id="city" size="25" type="text">            </td>
          </tr>
          <tr>
            <td height="24"><span class="style1">State:</span></td>
            <td><input name="state" id="state" size="25" type="text">            </td>
          </tr>
		<tr>
            <td height="24"><span class="style1">Zip:</span></td>
            <td><input name="zip" id="zip" size="25" type="text">            </td>
          </tr>
          <tr>
            <td height="24"><span class="style1">Phone:</span></td>
            <td><input name="phone" id="phone" size="25" type="text">            </td>
          </tr>
		  
			<tr>
            <td height="29">&nbsp;</td>
            <td>&nbsp;</td>
			</tr>		  
          <tr>
            <td height="24"><span style="color: red">*</span><span class="style1"> Stage Name:</span></td>
            <td><input name="alias" id="alias" size="25" type="text">            </td>
          </tr>
          <tr>
            <td height="24"><span class="style1">Age:</span></td>
            <td class="tdGrey2"><input name="age" id="age" size="25" type="text"></td>
          </tr>
          <tr>
            <td height="24"><span class="style1">Ethnicity:</span></td>
            <td class="tdGrey2"><input name="ethnicity" id="ethnicity" size="25" type="text"></td>
          </tr>
          <tr>
            <td height="24"><span class="style1">Height:</span></td>
            <td class="tdGrey2"><input name="height" id="height" size="25" type="text"></td>
          </tr>
		  <tr>
            <td height="25"><span class="style1">Weight:</span></td>
            <td class="tdGrey2"><select name="weight">
              <option selected="selected" value="85-99">85-99</option>
              <option value="100-110">100-110</option>
              <option value="111-115">111-115</option>
              <option value="116-125">116-125</option>
              <option value="126-135">126-135</option>
              <option value="136-145">136-145</option>
              <option value="146-155">146-155</option>
              <option value="156-165">156-165</option>
              <option value="Other">Other</option>
            </select></td>
          </tr>
		  <tr>
            <td height="24"><span class="style1">Bust:</span></td>
            <td class="tdGrey2"><input name="bust" id="bust" size="25" type="text"></td>
          </tr>
          <tr>
            <td height="24"><span class="style1">Waist:</span></td>
            <td class="tdGrey2"><input name="waist" id="waist" size="25" type="text"></td>
          </tr>
          <tr>
            <td height="24"><span class="style1">Hip:</span></td>
            <td class="tdGrey2"><input name="hip" id="hip" size="25" type="text"></td>
          </tr>
          <tr>
            <td height="24"><span class="style1">Shoe:</span></td>
            <td class="tdGrey2"><input name="shoe" id="shoe" size="25" type="text"></td>
          </tr>
          <tr>
            <td height="24"><span class="style1">Dress:</span></td>
            <td class="tdGrey2"><input name="dress" id="dress" size="25" type="text"></td>
          </tr>
          <tr>
            <td height="24"><span class="style1">Agency:</span></td>
            <td class="tdGrey2"><input name="agency" id="agency" size="25" type="text"></td>
          </tr>
          <tr>
            <td height="24"><span class="style1">Personal Website:</span></td>
            <td class="tdGrey2"><input name="website" id="website" size="25" type="text"></td>
          </tr>
		 
		<tr>
            <td height="29">&nbsp;</td>
            <td>&nbsp;</td>
		</tr>		  

          <tr>
            <td height="45" colspan="2"><span class="style1">We have several different photographers that
 we work with in the following Country.  Please select which Country you 
are willing to meet with our photographers if selected for a test shoot? </span></td>
          </tr>


          <tr>
            <td height="25"><span class="style1">Country:</span></td>
            <td><!--<input name="location" type="text" id="location" size="25" value="" > -->
              <select name="location">
                <option selected="selected" value="SOUTH AFRCA">SOUTH AFRICA</option>
                <option value="USA">USA</option>
                <option value="DRC CONGO">DRC CONGO</option>
                <option value="ANGOLA">ANGOLA</option>
                <option value="MOZABIQUE">MOZABIQUE</option>
                <option value="MILAN">MILAN</option>
                <option value="OTHERS">OTHERS</option>
              </select></td>
          </tr>
          <tr>
            <td colspan="2" height="2"></td>
          </tr>
          <tr>
            <td height="32" colspan="2"><span style="color: red;">Image upload is required.</span> <span class="style1">Please upload 1 or up to 4 images below. Each image size must be below 1MB</span></td>
          </tr>
          <tr>
            <td colspan="2" height="2"></td>
          </tr>
          <tr>
            <td height="27"><span style="color: red">*</span><span class="style1"> Image 1</span></td>
            <td><label><span class="td1">
              <input name="fileatt[]" type="file">
              </span></label>            </td>
          </tr>
          <tr>
            <td height="27" valign="top"><span class="style1">Image 2 </span></td>
            <td><label><span class="td1">
              <input name="fileatt[]" type="file">
            </span></label></td>
          </tr>
          <tr>
            <td height="27" valign="top"><span class="style1">Image 3 </span></td>
            <td><label><span class="td1">
              <input name="fileatt[]" type="file">
            </span></label></td>
          </tr>
          <tr>
            <td height="27" valign="top"><span class="style1">Image 4 </span></td>
            <td><label><span class="td1">
              <input name="fileatt[]" type="file">
            </span></label></td>
          </tr>

		<tr>
            <td height="29">&nbsp;</td>
            <td>&nbsp;</td>
		</tr>		  


          <tr>
            <td height="24"><span class="style1">Myspace<b>:</b></span></td>
            <td><input name="myspace" size="25" type="text"></td>
          </tr>

          <tr>
            <td height="24"><span class="style1">ModelMayhem<b>:</b></span></td>
            <td><input name="mayhem" size="25" type="text"></td>
          </tr>


          <tr>
            <td height="24"><span class="style1">Facebook<b>:</b></span></td>
            <td><input name="facebook" size="25" type="text"></td>
          </tr>
		  
		  <tr>
			<td height="8" colspan="2">
				<hr>			</td>
		</tr>
		  
		  <tr>
            <td height="24"><span class="style1">Twitter<b>:</b></span></td>
            <td><input name="twitter" size="25" type="text"></td>
          </tr>
		  
		  <tr>
			<td height="32" colspan="2">
					<span class="style1">Have a twitter account?  If so, let us know your account and we'll post your tweets here.			</span></td>
		</tr>
		  
		<tr>
            <td height="8"></td>
		    <td></td>
		</tr>		  



		  <tr>
            <td height="87" valign="top"><span class="style1">TV</span></td>
            <td>

			<textarea name="tv" cols="45" rows="6"></textarea>            </td>
          </tr>

		  <tr>
            <td height="87" valign="top"><span class="style1">Film</span></td>
            <td>

			<textarea name="film" cols="45" rows="6"></textarea>            </td>
          </tr>

		  <tr>
            <td height="87" valign="top"><span class="style1">Commercial</span></td>
            <td>

			<textarea name="commercial" cols="45" rows="6"></textarea>            </td>
          </tr>

		  <tr>
            <td height="87" valign="top"><span class="style1">Advertising</span></td>
            <td>

			<textarea name="advertising" cols="45" rows="6"></textarea>            </td>
          </tr>

		  <tr>
            <td height="87" valign="top"><span class="style1">Editorial</span></td>
            <td>

			<textarea name="editorial" cols="45" rows="6"></textarea>            </td>
          </tr>

		  <tr>
            <td height="87" valign="top"><span class="style1">Music Video</span></td>
            <td>

			<textarea name="music" cols="45" rows="6"></textarea>            </td>
          </tr>

		  <tr>
            <td height="87" valign="top"><span class="style1">Web</span></td>
            <td>

			<textarea name="web" cols="45" rows="6"></textarea>            </td>
          </tr>

          <tr>
            <td height="26" valign="top"><span class="style1">Tattoos?</span></td>
            <td>
			<input name="tyn" value="yes" type="radio"> Yes <input name="tyn" value="no" checked="checked" type="radio"> No<br>            </td>
          </tr>

          <tr>
            <td height="87" valign="top"><span class="style1">Give more details about your tattoos...</span></td>
            <td>

			<textarea name="tattoos" cols="45" rows="6" id="tattoos"></textarea>            </td>
          </tr>
		  
		  
		  <tr>
            <td height="87" valign="top"><span class="style1">Why are you the right girl for SOUTHERN FIRE...</span></td>
            <td><textarea name="description" cols="45" rows="6" id="description"></textarea>            </td>
          </tr>
		  
		  
		  <tr>
            <td height="24" valign="top"><span class="style1">3 + 4 =?</span></td>
            <td>
			<!--
			<img src="/submissions/random_code/code.php" alt="" /><br />
			-->
			
			<input name="code" type="text">            </td>
          </tr>
		  
          <tr>
            <td colspan="2" class="tablebar" height="2"></td>
          </tr>
          <tr>
            <td height="41" colspan="2" align="center" class="tdGrey2">
              <input name="action" id="action" value="sendform" type="hidden">
			  <input name="Submit" src="southernfiremag.co.za_files/confrim.gif" value="SUBMIT" type="image">            </td>
          </tr>
          <tr>
            <td colspan="2" class="tdGrey" height="5"></td>
          </tr>
        </tbody></table>
        </form>
            <script language="JavaScript" type="text/javascript">//You should create the validator only after the definition of the HTML form

  var frmvalidator  = new Validator("SOUTHERN FIRE MAG");
  
  frmvalidator.addValidation("email","maxlen=50");
  frmvalidator.addValidation("email","req","Please enter your email address");
  frmvalidator.addValidation("email","email");
  
    frmvalidator.addValidation("name","req","Please enter your name");
	frmvalidator.addValidation("alias","req","Please enter your alias");
  
  
  </script>
      </div>   
   

	</div>
	<div style="width: 250px; float: left; text-align: left; margin-left: 10px;">
<!-- right side - inner content -->

<!--
	<img src="/images/extra/041410/bmd1.jpg" alt="" /><br /><br />
	<img src="/images/extra/041410/bmd2.jpg" alt="" /><br /><br />
	<img src="/images/extra/041410/bmd3.jpg" alt="" /><br />
-->
	</div>
	<br class="clear">

    </div>
    <br class="clear">
  </div>
  </div>
<script type="text/javascript">
	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><script src="southernfiremag.co.za_files/ga.js" type="text/javascript"></script>
<script type="text/javascript">
	try {
		var pageTracker = _gat._getTracker("UA-589703-16");
		pageTracker._trackPageview();
	} catch(err) {}
</script>





</body></html>

Hi and hope someone can help.

I have a form with various input fields and, on submission, I'd like some validation done and if that's OK, for it to load another page in the parent directory. Trouble is I end up with Error 404 when I test it, the page actually exists but when I look at the URL within the Error 404 page it looks like this...

Code:

http://localhost/my_sites/webmaestro/assignments/Lesson06/pages/register()?First_Name=&Initials=&Last_Name=&Address_Line_1=&Address_Line_2=&City=&County=&Post_Code=&Email=&submit=Register

The URL with the form on it is...
Code:

http://localhost/my_sites/webmaestro/assignments/Lesson06/pages/wm6ex1_register.html

and the page I'm trying to call is...
Code:

http://localhost/my_sites/webmaestro/assignments/Lesson06/wm6ex1_home.html

Is the problem to do with the fact that the form is actually trying to pass all those variables from the input fields?

My form looks like this...
Code:

<form method="get" name="register" action="register()" onreset="return confirm('This will remove all your entries so far.\nIs that O.K?')" >

Various input fields here.

<input type="reset" name="reset" value="Reset" />
<input type="submit" name="submit" value="Register" />
</form>

My function currently has no validation and simply looks like this...
Code:

function register()
{
	window.open("../wm6ex1_home.html", "_self")
}

My thanks
R