I am new to the world of PHP. Below is my simple PHP file "invite.php" with a form having an image send button (I have to use the image send button because it is the requirement, may be this is causing problem!):
<html>
<head><title>Form</title>
</head>
<body>
<script language="javascript" src="validation.js"></script>
<form action="submit.php" method="POST">
<table border ="0" align="center" cellpadding="9" cellspacing="1">
<tr>
<td colspan="2">Enter Your Friends' E-mail Addresses<br/>Separate multiple addresses with a comma<br/>
<textarea name="emails" id="emails" class="subheading" value="" rows="5" cols="52" onfocus= "javascript:if (document.getElementById('emails').value=='') { document.getElementById('emails').value=''; }" onblur="javascript:if (document.getElementById('emails').value=='') { document.getElementById('emails').value=''; }"></textarea>
</td>
</tr>
<tr>
<td>Meeting Date<br/>
<input type="text" name="inputDate" id="inputDate" class="subheading" value="" maxlength="17" size="32" onfocus= "javascript:if (document.getElementById('inputDate').value=='') { document.getElementById('inputDate').value=''; }" onblur="javascript:if (document.getElementById('inputDate').value=='') { document.getElementById('inputDate').value=''; }" /> <img src="calendar.gif" alt="Calendar" name="calendar" width="14" height="14" id="calendar" />
</td>
<td>Meeting Time<br/>
<input type="text" name="meettime" id="meettime" class="subheading" value=" Noon to Midnight" maxlength="36" size="36" onfocus= "javascript:if (document.getElementById('meettime').value==' Noon to Midnight') { document.getElementById('meettime').value=''; }" onblur="javascript:if (document.getElementById('meettime').value=='') { document.getElementById('meettime').value=' Noon to Midnight'; }" />
</td>
</tr>
<tr>
<td>Your Name<br/>
<input type="text" name="vname" id="vname" class="subheading" value=" Your Name" maxlength="36" size="36" onfocus= "javascript:if (document.getElementById('vname').value==' Your Name') { document.getElementById('vname').value=''; }" onblur="javascript:if (document.getElementById('vname').value=='') { document.getElementById('vname').value=' Your Name'; }" />
</td>
<td>Your E-mail Address<br/>
<input type="text" name="visitormail" id="visitormail" class="subheading" value=" Your E-Mail Address" maxlength="36" size="36" onfocus= "javascript:if (document.getElementById('visitormail').value==' Your E-Mail Address') { document.getElementById('visitormail').value=''; }" onblur="javascript:if (document.getElementById('visitormail').value=='') { document.getElementById('visitormail').value=' Your E-Mail Address'; }" />
</td>
</tr>
<tr>
<td colspan="2">Optional Message<br/>
<textarea name="message" id="message" class="subheading" value="" rows="5" cols="52" onfocus= "javascript:if (document.getElementById('message').value=='') { document.getElementById('message').value=''; }" onblur="javascript:if (document.getElementById('message').value=='') { document.getElementById('message').value=''; }"></textarea>
<p align="left"><input type="image" src="send.gif" name="send" alt="Send" value="Send" onclick="fValidateContact(this.form); return false;" /></p>
</td>
</tr>
</table>
</form>
</body>
</html>
The file mentioned in (action="submit.php") is as under:
<html>
<head><title>Success Message</title>
</head>
<body>
<?php
$inputDate = $HTTP_POST_VARS['inputDate'];
$meettime = $HTTP_POST_VARS['meettime'];
$visitormail = $_POST['visitormail'];
?>
<table border ="0" align="center" cellpadding="9">
<tr>
<td align="center"><p align="center">Success! Your Data has been processed by PHP. Details are: <br />
Your Email address was: <?php echo $visitormail; ?><br />
Meeting Date was : <?php echo $inputDate ?><br />
Meeting Time was : <?php echo $meettime ?><br /></p>
</td>
</tr>
</table>
</body>
</html>
Finally "validation.js" is as under:
function fValidateContact(form)
{
if(form.emails.value == '')
{
alert("Please enter Your Friend's Email to proceed."); form.emails.focus();
}
else if((form.emails.value.indexOf(".") == -1) || (form.emails.value.indexOf("@") == -1))
{
alert("Please enter a valid Friend's Email."); form.emails.focus();
}
else if(form.inputDate.value == '')
{
alert("Please choose Meeting Date from the Calendar."); form.inputDate.focus();
}
else if(form.meettime.value == '')
{
alert("Please enter Meeting Time to proceed."); form.meettime.focus();
}
else if(form.vname.value == '')
{
alert("Please enter Your Name to proceed."); form.vname.focus();
}
else if(form.visitormail.value == '')
{
alert("Please enter Email Address to proceed."); form.visitormail.focus();
}
else if((form.visitormail.value.indexOf(".") == -1) || (form.visitormail.value.indexOf("@") == -1))
{
alert("Please enter a valid Email Address."); form.visitormail.focus();
}
else
form.submit(); //May be this is the mistake? But what should I do then?
}
I don't understand why PHP is not processing the data provided especially:
$visitormail = $_POST['visitormail'];
Please help me out. Thanks.