<html>
<head>
<script>
function validateForm()
{
var userName = document.getElementById("userName");
var userNumber = document.getElementById("userNumber");
var day = document.getElementById("day");
var time = document.getElementById("time");
if(!document.userDetails.userName.value) //if userName is equal to null
{
alert("Please enter your user name");
return false;
}
if(!document.userDetails.userNumber.value)
{
alert("Please enter your user number");
return false;
}
alert("Your appointment is on day "+day.value+" at "+time.value+"Mr."+userName.value);
//userDetails.action = "timetable.asp"; //in brackets type the page to submit the info to
//document.userDetails.submit();
}
</script>
</head>
<body>
<form id="userDetails" name="userDetails" method="post" action="example.php">
<b>Student Name :</b> <input type="text" name="userName" id="userName">
<br>
<br>
<b>Candidate Number :</b> <input type="text" name="userNumber" id="userNumber"> <!--integer???-->
<br>
<br>
<b>Choose a timeslot:</b>
<br>
<br>
<b>Day :</b>
<select id="day">
<option value="1">1
<option value="2">2
<option value="3">3
</select>
<br>
<br>
<b>Time:</b>
<select id="time">
<option value="09:00">09:00
<option value="09:30">09:30
<option value="10:00">10:00
<option value="10:30">10:30
<option value="11:00">11:00
<option value="11:30">11:30
<option value="12:00">12:00
<option value="12:30">12:30
<option value="14:00">14:00
<option value="14:30">14:30
<option value="15:00">15:00
<option value="15:30">15:30
<option value="16:00">16:00
<option value="16:30">16:30
<option value="17:00">17:00
<option value="17:30">17:30
</select>
<br>
<br>
<b>Special Need</b> <input type="checkbox">
<br>
<br>
<input type="button" value="Submit" onClick="validateForm()">
<input type="reset" value="Reset">
</form>
</body>
</html>
HERE IS THE PHP FILE NAMED EXAMPLE.PHP
<html>
<head>
<title>Timetable</title>
</head>
<body>
<?php
$name = $_POST[name];
<?=$name?>
?>
</body>
</html>
----NOTHING HAPPENS WHEN I CLICK SUBMIT PLEASE HELP...
<head>
<script>
function validateForm()
{
var userName = document.getElementById("userName");
var userNumber = document.getElementById("userNumber");
var day = document.getElementById("day");
var time = document.getElementById("time");
if(!document.userDetails.userName.value) //if userName is equal to null
{
alert("Please enter your user name");
return false;
}
if(!document.userDetails.userNumber.value)
{
alert("Please enter your user number");
return false;
}
alert("Your appointment is on day "+day.value+" at "+time.value+"Mr."+userName.value);
//userDetails.action = "timetable.asp"; //in brackets type the page to submit the info to
//document.userDetails.submit();
}
</script>
</head>
<body>
<form id="userDetails" name="userDetails" method="post" action="example.php">
<b>Student Name :</b> <input type="text" name="userName" id="userName">
<br>
<br>
<b>Candidate Number :</b> <input type="text" name="userNumber" id="userNumber"> <!--integer???-->
<br>
<br>
<b>Choose a timeslot:</b>
<br>
<br>
<b>Day :</b>
<select id="day">
<option value="1">1
<option value="2">2
<option value="3">3
</select>
<br>
<br>
<b>Time:</b>
<select id="time">
<option value="09:00">09:00
<option value="09:30">09:30
<option value="10:00">10:00
<option value="10:30">10:30
<option value="11:00">11:00
<option value="11:30">11:30
<option value="12:00">12:00
<option value="12:30">12:30
<option value="14:00">14:00
<option value="14:30">14:30
<option value="15:00">15:00
<option value="15:30">15:30
<option value="16:00">16:00
<option value="16:30">16:30
<option value="17:00">17:00
<option value="17:30">17:30
</select>
<br>
<br>
<b>Special Need</b> <input type="checkbox">
<br>
<br>
<input type="button" value="Submit" onClick="validateForm()">
<input type="reset" value="Reset">
</form>
</body>
</html>
HERE IS THE PHP FILE NAMED EXAMPLE.PHP
<html>
<head>
<title>Timetable</title>
</head>
<body>
<?php
$name = $_POST[name];
<?=$name?>
?>
</body>
</html>
----NOTHING HAPPENS WHEN I CLICK SUBMIT PLEASE HELP...