Solved

Make form validation and anti-spam work together

Posted on 2013-05-18
1
650 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

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

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

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
Many old projects have bad code, but the budget doesn't exist to rewrite the codebase. You can update this code to be safer by introducing contemporary input validation, sanitation, and safer database queries.
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…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

631 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