Passing Form Field Values to PHP Page

I wonder if anyone could explain how I pass the field values in my request form to the PHP processor page. My external javascript file is as follows:

When I click on the Submit button the error page is shown and seems to indicate that fields have not been filled in when, in fact, they have.

The code for the form is as follows:

[HTML] <form action="sbx_rqustproc.php" name="TheForm" method="post" class="form">

<table border="0" cellspacing=0 cellpadding=0>

<tr>
<td class="firstlabel" width="130">Last Name:</td>
<td><input type="text" class="formtext" name="thelastname" id="lastname" size="20" />&nbsp;<span class="required">*</span></td>
</tr>
<tr>
<td class="label" width="130">First Name:</td>
<td class="formfield"><input type="text" class="formtext" name="thefirstname" id="firstname" size="20" />&nbsp;<span class="required">*</span></td>
</tr>
<tr>
<td class="label" width="130">Job Title:</td>
<td class="formfield"><input type="text" class="formtext" name="thejobtitle" id="jobtitle" size="20" />&nbsp;<span class="required">*</span></td>
</tr>
<tr>
<td class="label" width="130">Company/Org.:</td>
<td class="formfield"><input type="text" class="formtext" name="thecmp_org" id="cmp_org" size="20" />&nbsp;<span class="required">*</span></td>
</tr>
<tr>
<td class="label" width="130">Email Address:</td>
<td class="formfield"><input type="text" class="formtext" name="theemail" id="email" size="30" />&nbsp;<span class="required">*</span></td>
</tr>
<tr>
<td class="label" width="130">Talk Requested:</td>
<td class="formfield"><input type="text" class="formtalk" value="<?php echo $mytalk; ?>" name="thetalk" id="talk" size="20" readonly /></td>
</tr>
</table>

<table border="0" cellspacing=0 cellpadding=0>
<tr>
<div class="formbtns" align="center">

<!-- // Standard Submit Button Code
<input type="submit" name="Submit" value="Submit">
-->

<a href="javascript:doSubmit();"
onmouseover="switchImage('sendr', 'sendr5')"
onmouseout="switchImage('sendr', 'sendr6')">

<img src="images/btn_sendr4.jpg"
width="64" height="22" name="sendr" border="0" alt="Submit Button">

</a>

<a href="javascript:doReset();"
onmouseover="switchImage('reset', 'reset5')"
onmouseout="switchImage('reset', 'reset6')">

<img src="images/btn_reset4.jpg"
width="64" height="22" name="reset" border="0" alt="Reset Button">

</a>

<a href="javascript:history.back()"
onmouseover="switchImage('cancel', 'cancel5')"
onmouseout="switchImage('cancel', 'cancel6')">

<img src="images/btn_cancel4.jpg"
width="64" height="22" name="cancel" border="0" alt="Cancel Button">

</a>

</div></td>
</tr>
</table>

</form>[/HTML]

If I use the commented out Standard Submit Button Code the form is processed as expected but the submit button does not follow the rollover and style required.

Do I need to add some code to the doSubmit() function to send the form values to the php processor page? Can anyone explain what I need to do to make this work?

Any help with this would be appreciated. Thanks in advance.

re: Passing Form Field Values to PHP Page

Moved from Articles section.

re: Passing Form Field Values to PHP Page

In the doSubmit() function, submit the form rather than redirecting the page:

re: Passing Form Field Values to PHP Page

Thanks for your reply acoder and apologies for posting the thread to the wrong place. I'll try to be more careful in future.

I have changed the external javascript file as you suugested:

The rollovers are all working but the Submit button returns the error page indicating that the required fields have not been filled in as before. It appears the form values are still not being passed.

Have I implemented what you suggested correctly or am I still doing something wrong?

Thanks again for your help.

re: Passing Form Field Values to PHP Page

See how you can style the submit button here.

re: Passing Form Field Values to PHP Page

Thanks again for your reply, acoder, and the link you have provided to the information about styling a submit button. Armed with this I should be able to sort things out.

Very much appreciated.

re: Passing Form Field Values to PHP Page

No problem. Let us know if you manage to solve the problem.

re: Passing Form Field Values to PHP Page

Acoder, thanks for all your valuable help. The reference material you pointed me to made interesting reading in the early hours of this morning! I managed to fix the issue in the end having realised that some of the changes I had made to the code on the advice of others had confused the whole issue. Renaming the form field name attribute certainly hadn't helped!

What I have ended up with which appears to work without any problems is as follows:

javascript file:

html form:

[HTML] <form action="sbx_rqustproc.php" name="TheForm" id="TheForm" method="post" class="form">

<table border="0" cellspacing=0 cellpadding=0>

<tr>
<td class="firstlabel" width="130">Last Name:</td>
<td><input type="text" class="formtext" name="lastname" id="lastname" size="20" />&nbsp;<span class="required">*</span></td>
</tr>
<tr>
<td class="label" width="130">First Name:</td>
<td class="formfield"><input type="text" class="formtext" name="firstname" id="firstname" size="20" />&nbsp;<span class="required">*</span></td>

</tr>
<tr>
<td class="label" width="130">Job Title:</td>
<td class="formfield"><input type="text" class="formtext" name="jobtitle" id="jobtitle" size="20" />&nbsp;<span class="required">*</span></td>
</tr>
<tr>
<td class="label" width="130">Company/Org.:</td>
<td class="formfield"><input type="text" class="formtext" name="cmp_org" id="cmp_org" size="20" />&nbsp;<span class="required">*</span></td>

</tr>
<tr>
<td class="label" width="130">Email Address:</td>
<td class="formfield"><input type="text" class="formtext" name="email" id="email" size="30" />&nbsp;<span class="required">*</span></td>
</tr>
<tr>
<td class="label" width="130">Talk Requested:</td>
<td class="formfield"><input type="text" class="formtalk" value="" name="talk" id="talk" size="20" readonly /></td>

</tr>
</table>

<table class="formbtns" align="center" border="0" cellspacing=0 cellpadding=0>
<tr>
<td>

<a href="javascript:doSubmit();"
onmouseover="switchImage('sendr', 'sendr5')"
onmouseout="switchImage('sendr', 'sendr6')">

<img src="images/btn_sendr4.jpg"
width="64" height="22" name="sendr" border="0" alt="Submit Button">

</a>

<a href="javascript:doReset();"
onmouseover="switchImage('reset', 'reset5')"
onmouseout="switchImage('reset', 'reset6')">

<img src="images/btn_reset4.jpg"
width="64" height="22" name="reset" border="0" alt="Reset Button">

</a>

<a href="javascript:history.back()"
onmouseover="switchImage('cancel', 'cancel5')"
onmouseout="switchImage('cancel', 'cancel6')">

<img src="images/btn_cancel4.jpg"
width="64" height="22" name="cancel" border="0" alt="Cancel Button">

</a>

</td>
</tr>
</table>


</form>
[/HTML]

The thing I like about this solution (- provided I haven't fallen foul of any other issues!) is that the there is a consistency in the way the buttons are coded and handled. I hope this makes sense.

Many thanks again for your patience and help.

re: Passing Form Field Values to PHP Page

Glad to hear that you got it working. Post again if you hit any more problems.