Solved

Make form validation and anti-spam work together

Posted on 2013-05-18
1
641 Views
Last Modified: 2013-05-18
Hi Experts

I have got a simple HTML form that I am submitting to a PHP form-to-mail script. I have got a form validation script that checks to see if certain fields have been completed on the form and I have also loaded a script called  ValidBotBoot() which loads two random numbers (x + y) and asks the user to enter the correct answer. This is done to help prevent spammers from auto-submitting the form.

Both scripts work fine when tested by themselves (ie individually), but when I try to execute both together when the form is submitted things don't go according to plan - if the form validation script is passed successfully then the  ValidBotBoot() function seems to be ignored and the form is still passed to the form-to-mail page, even if the user has entered no value or an incorrect value for the answer to the simple sum that the  ValidBotBoot() function generates.

How can I fix this so that all form validation fields have to be completed correctly AND the correct answer is entered in the "What is x + y" field?

Here is the form validation script:

<SCRIPT LANGUAGE="JavaScript">
<!--
function testData() {
if (document.form.fullname.value == "") {
alert ("\nPlease provide your Full Name\t\n")
return false;
}
if (document.form.email.value == "") {
alert ("\nPlease provide a valid Email Address\t\n")
return false;
}
if (document.form.phone.value == "") {
alert ("\nPlease provide a contact Phone Number\t\n")
return false;
}
if (document.form.bookingdate.value == "dd/mm/yyyy") {
alert ("\nPlease provide a Booking Date\t\n")
return false;
}
if (document.form.pickup.value == "") {
alert ("\nPlease provide a Pickup Up location\t\n")
return false;
}
if (document.form.dropoff.value == "") {
alert ("\nPlease provide a Drop Off location\t\n")
return false;
}
if (document.form.occasion.value == "") {
alert ("\nPlease let us know which Occasion your booking is for\t\n")
return false;
}

if (!document.form.agree.checked) {
alert ("\nPlease tick the declaration box to confirm that you agree with it\t\n")
return false;
}
}
// -->
</SCRIPT>

Here is the ValidBotBoot() script:

<script type="text/javascript">
    var a = Math.ceil(Math.random() * 10);
    var b = Math.ceil(Math.random() * 10);      
    var c = a + b
    function DrawBotBoot()
    {
        document.write("What is "+ a + " + " + b +"? ");
        document.write("<input id='BotBootInput' type='text' maxlength='2' size='2'/>");
    }    
    function ValidBotBoot(){
        var d = document.getElementById('BotBootInput').value;
        if (d == c) return true;  
      alert("Please type the correct answer to submit your enquiry");    
        return false;
       
    }
    </script>

Here is the form header code showing how I have called both functions to be executed when the form is submitted:

<form method="post" action="send_form_email.php" name="form" id="form" onSubmit="return ValidBotBoot(), testData()">

Many thanks
0
Comment
Question by:wesmanbigmig13
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 

Accepted Solution

by:
wesmanbigmig13 earned 0 total points
ID: 39178048
I solved the problem myself with this form head / onsubmit code:

<form method="post" action="send_form_email.php" name="form" id="form" onSubmit="return (ValidBotBoot()&&testData())">
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

751 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question