- Original Poster
- #1
Hi there, can anyone tell what is wrong here? Sorry it's a bit long!
This is the Order Form.
<html>
<head>
<title>Order Form</title>
</head>
<body>
<script type='text/javascript'>
function formValidator(){
var delivery_name = document.getElementById('delivery_name');
var delivery_email = document.getElementById('delivery_email');
var delivery_phone = document.getElementById('delivery_phone');
var delivery_mobile = document.getElementById('delivery_mobile');
var delivery_address_1 = document.getElementById('delivery_address_1');
var delivery_address_2 = document.getElementById('delivery_address_2');
var delivery_address_3 = document.getElementById('delivery_address_3');
var delivery_town = document.getElementById('delivery_town');
var delivery_county = document.getElementById('delivery_county');
var delivery_postcode = document.getElementById('delivery_postcode');
var collection_date = document.getElementById('collectdate');
if(isAlphabet(delivery_name, "Please enter only letters for name")){
if(emailValidator(delivery_email, "Please enter a valid email address")){
if(isNumeric(delivery_phone, "Please enter a valid phone number")){
if(isNumeric(delivery_mobile, "Please enter a valid phone number")){
if(isAlphanumeric(delivery_address_1, "Numbers and Letters Only for Address")){
if(isAlphanumeric(delivery_address_2, "Numbers and Letters Only for Address")){
if(isAlphanumeric(delivery_address_3, "Numbers and Letters Only for Address")){
if(isAlphanumeric(delivery_address_3, "Letters Only for Town")){
if(isAlphanumeric(delivery_address_3, "Letters Only for County")){
if(isNumeric(delivery_postcode, "Please enter a valid Postcode")){
if(madeSelection(collectiondate, "Please Choose a Collection Date")){
return true;
}
}
}
}
}
}
return false;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
}
return true;
function emailValidator(elem, helperMsg){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isNumeric(elem, helperMsg) var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isNumeric(elem, helperMsg) var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isAlphanumeric(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
}
return true;
function emailValidator(elem, helperMsg){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isNumeric(elem, helperMsg) var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isNumeric(elem, helperMsg) var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isAlphanumeric(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
function isNumeric(elem, helperMsg){
var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
</script>
<form method="post" action="thankyou.php" id="orderform">
<FONT FACE=arial,helvetica color="#FFFFFF">
Delivery Name* <input type="text" style="float:right; target="_blank" name="delivery_name"><p>
Delivery Email <input type="email" style="float:right; target="_blank" name="delivery_email"><p>
Delivery Phone <input type="tel" style="float:right; target="_blank" name="delivery_phone"><p>
Delivery Mobile* <input type="tel" style="float:right; target="_blank" name="delivery_mobile"><p>
Delivery Address 1* <input type="text" style="float:right; target="_blank" name="delivery_address_1"><p>
Delivery Address 2 <input type="text" style="float:right; target="_blank" name="delivery_address_2"><p>
Delivery Address 3 <input type="text" style="float:right; target="_blank" name="delivery_address_3"><p>
Delivery Town* <input type="text" style="float:right; target="_blank" name="delivery_town"><p>
Delivery County* <input type="text" style="float:right; target="_blank" name="delivery_county"><p>
Delivery Postcode* <input type="text" style="float:right; target="_blank" name="delivery_postcode"><p>
Collection Date * <select name="collectdate" style="float:right; target="_blank">
<option value="Collection Date" selected>Collection Date</option>
<option value="mon 15th april 2013">Monday 15th April 2013</option>
<option value="tue 16th april 2013">Tuesday 16th April 2013</option>
<option value="wed 17th april 2013">Wednesday 17th April 2013</option>
<option value="thu 18th april 2013">Thursday 18th April 2013</option>
<option value="fri 19th april 2013">Friday 19th April 2013</option>
</select><p>
<input type="submit" value="PROCEED" style="float:right; target="_blank">
</form>
</body>
</html>
On the Thank You page I have this.
<HTML>
<HEAD>
<title>Order Thank You</title>
</head>
<body>
<?php
$delivery_name = $_POST['delivery_name'];
$delivery_email = $_POST['delivery_email'];
$delivery_phone = $_POST['delivery_phone'];
$delivery_mobile = $_POST['delivery_mobile'];
$delivery_address_1 = $_POST['delivery_address_1'];
$delivery_address_2 = $_POST['delivery_address_2'];
$delivery_address_3 = $_POST['delivery_address_3'];
$delivery_town = $_POST['delivery_town'];
$delivery_county = $_POST['delivery_county'];
$delivery_postcode = $_POST['delivery_postcode'];
$collectdate = $_POST['collectdate'];
$formcontent=" From: delivery_name: $delivery_name \n delivery_email: $delivery_email \n delivery_phone: $delivery_phone \n delivery_mobile: $delivery_mobile \n delivery_address_1: $delivery_address_1 \n delivery_address_2: $delivery_address_2 \n delivery_address_3: $delivery_address_3 \n delivery_town: $delivery_town \n delivery_county: $delivery_county \n delivery_postcode: $delivery_postcode \n collectdate: $collectdate";
$recipient = "myemailaddressgoeshere";
$subject = "Parcel Order";
$mailheader = "From: $email rn";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
echo "blah, blah, blah";
?>
</body>
</html>
I want the customer to recieve error pop ups (Javascript) if they don't fill out the form correctly, or make an error etc. and only once all the form fiedls are filled in can send it. I thought the above would do this :| Can anyone tell whats wrong please.
Thank you.
This is the Order Form.
<html>
<head>
<title>Order Form</title>
</head>
<body>
<script type='text/javascript'>
function formValidator(){
var delivery_name = document.getElementById('delivery_name');
var delivery_email = document.getElementById('delivery_email');
var delivery_phone = document.getElementById('delivery_phone');
var delivery_mobile = document.getElementById('delivery_mobile');
var delivery_address_1 = document.getElementById('delivery_address_1');
var delivery_address_2 = document.getElementById('delivery_address_2');
var delivery_address_3 = document.getElementById('delivery_address_3');
var delivery_town = document.getElementById('delivery_town');
var delivery_county = document.getElementById('delivery_county');
var delivery_postcode = document.getElementById('delivery_postcode');
var collection_date = document.getElementById('collectdate');
if(isAlphabet(delivery_name, "Please enter only letters for name")){
if(emailValidator(delivery_email, "Please enter a valid email address")){
if(isNumeric(delivery_phone, "Please enter a valid phone number")){
if(isNumeric(delivery_mobile, "Please enter a valid phone number")){
if(isAlphanumeric(delivery_address_1, "Numbers and Letters Only for Address")){
if(isAlphanumeric(delivery_address_2, "Numbers and Letters Only for Address")){
if(isAlphanumeric(delivery_address_3, "Numbers and Letters Only for Address")){
if(isAlphanumeric(delivery_address_3, "Letters Only for Town")){
if(isAlphanumeric(delivery_address_3, "Letters Only for County")){
if(isNumeric(delivery_postcode, "Please enter a valid Postcode")){
if(madeSelection(collectiondate, "Please Choose a Collection Date")){
return true;
}
}
}
}
}
}
return false;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
}
return true;
function emailValidator(elem, helperMsg){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isNumeric(elem, helperMsg) var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isNumeric(elem, helperMsg) var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isAlphanumeric(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
}
return true;
function emailValidator(elem, helperMsg){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isNumeric(elem, helperMsg) var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isNumeric(elem, helperMsg) var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isAlphanumeric(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
function isNumeric(elem, helperMsg){
var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
</script>
<form method="post" action="thankyou.php" id="orderform">
<FONT FACE=arial,helvetica color="#FFFFFF">
Delivery Name* <input type="text" style="float:right; target="_blank" name="delivery_name"><p>
Delivery Email <input type="email" style="float:right; target="_blank" name="delivery_email"><p>
Delivery Phone <input type="tel" style="float:right; target="_blank" name="delivery_phone"><p>
Delivery Mobile* <input type="tel" style="float:right; target="_blank" name="delivery_mobile"><p>
Delivery Address 1* <input type="text" style="float:right; target="_blank" name="delivery_address_1"><p>
Delivery Address 2 <input type="text" style="float:right; target="_blank" name="delivery_address_2"><p>
Delivery Address 3 <input type="text" style="float:right; target="_blank" name="delivery_address_3"><p>
Delivery Town* <input type="text" style="float:right; target="_blank" name="delivery_town"><p>
Delivery County* <input type="text" style="float:right; target="_blank" name="delivery_county"><p>
Delivery Postcode* <input type="text" style="float:right; target="_blank" name="delivery_postcode"><p>
Collection Date * <select name="collectdate" style="float:right; target="_blank">
<option value="Collection Date" selected>Collection Date</option>
<option value="mon 15th april 2013">Monday 15th April 2013</option>
<option value="tue 16th april 2013">Tuesday 16th April 2013</option>
<option value="wed 17th april 2013">Wednesday 17th April 2013</option>
<option value="thu 18th april 2013">Thursday 18th April 2013</option>
<option value="fri 19th april 2013">Friday 19th April 2013</option>
</select><p>
<input type="submit" value="PROCEED" style="float:right; target="_blank">
</form>
</body>
</html>
On the Thank You page I have this.
<HTML>
<HEAD>
<title>Order Thank You</title>
</head>
<body>
<?php
$delivery_name = $_POST['delivery_name'];
$delivery_email = $_POST['delivery_email'];
$delivery_phone = $_POST['delivery_phone'];
$delivery_mobile = $_POST['delivery_mobile'];
$delivery_address_1 = $_POST['delivery_address_1'];
$delivery_address_2 = $_POST['delivery_address_2'];
$delivery_address_3 = $_POST['delivery_address_3'];
$delivery_town = $_POST['delivery_town'];
$delivery_county = $_POST['delivery_county'];
$delivery_postcode = $_POST['delivery_postcode'];
$collectdate = $_POST['collectdate'];
$formcontent=" From: delivery_name: $delivery_name \n delivery_email: $delivery_email \n delivery_phone: $delivery_phone \n delivery_mobile: $delivery_mobile \n delivery_address_1: $delivery_address_1 \n delivery_address_2: $delivery_address_2 \n delivery_address_3: $delivery_address_3 \n delivery_town: $delivery_town \n delivery_county: $delivery_county \n delivery_postcode: $delivery_postcode \n collectdate: $collectdate";
$recipient = "myemailaddressgoeshere";
$subject = "Parcel Order";
$mailheader = "From: $email rn";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
echo "blah, blah, blah";
?>
</body>
</html>
I want the customer to recieve error pop ups (Javascript) if they don't fill out the form correctly, or make an error etc. and only once all the form fiedls are filled in can send it. I thought the above would do this :| Can anyone tell whats wrong please.
Thank you.
