Learn VBA & Macros in 1 Week!

JavaScript - Validation Issue For A Simple Form -- Need Javascript Help.

Full Excel VBA Course - Beginner to Expert

Validation Issue For A Simple Form -- Need Javascript Help.	View Content

Hello,
On my client's site: www.twdcycling.com he wanted a place where people could make suggestions for his blog.
I accomplished the simple form using a textarea field and even put a little text that clears on clicks and reappears on blur.
When you go there--go to the bottom left.

It also actually works.
The problem is that (besides the fact that so far no one has cared to make a suggestion) somehow the form is (this is what I believe) being submitted automatically. I don't believe a human is clicking submit. When I click submit w/o clicking in the field the default text that I have in the field already gets submitted in the generated email.

So I now need to work on my validation in my php file that sends the email.
For background I obtained my php file from html-form-guide.com
here the file is in its entirety:
Code:

<?php
if(!isset($_POST['submit']))
{
	//This page should not be accessed directly. Need to submit the form.
	echo "error; you need to submit the form!";
}
$name = $_POST['name'];
$visitor_email = $_POST['email'];
$message = $_POST['message'];

//Validate first
if(empty($name)||empty($visitor_email)) 
{
    echo "Name and email are mandatory!";
    exit;
}

if(IsInjected($visitor_email))
{
    echo "Bad email value!";
    exit;
}

$email_from = 'tom@amazing-designs.com';//<== update the email address
$email_subject = "New Form submission";
$email_body = "You have received a new message from the user $name.\n".
    "Here is the message:\n $message".
    
$to = "tom@amazing-designs.com";//<== update the email address
$headers = "From: $email_from \r\n";
$headers .= "Reply-To: $visitor_email \r\n";
//Send the email!
mail($to,$email_subject,$email_body,$headers);
//done. redirect to thank-you page.
header('Location: thank-you.html');


// Function to validate against any email injection attempts
function IsInjected($str)
{
  $injections = array('(\n+)',
              '(\r+)',
              '(\t+)',
              '(%0A+)',
              '(%0D+)',
              '(%08+)',
              '(%09+)'
              );
  $inject = join('|', $injections);
  $inject = "/$inject/i";
  if(preg_match($inject,$str))
    {
    return true;
  }
  else
    {
    return false;
  }
}
   
?>

It does have some validation code, and it also is set up to handle more parameters than I needed. I tried to just pare it down to the one simple thing (I just need the user to type anything they want into my text area)

My reasoning is that I should be able to go get some simple validation snippet to make it so that if there is the possibility something is causing the form to just "fire off" w/o a human clicking, the validation shouldn't allow it to send, cause the text field is empty. But one would think if that is happening my default text would allow it to send, but oddly enough, no! when I get the email (last one at 5:49 am) it was a blank email! So its like some robot is doing two things: clicking in the field to empty it and THEN clicking submit! Weird, I know. But the validation code would fix this if only I knew how. (But on another note, if I try to send an empty box my default text pops back in when I click submit--proving that its happening automatically.

I tried all morning yesterday to implement a snippet from several sources.

Here's a couple of examples of what I added:

Code:

function emptyvalidation(entered, alertbox)
{
// Emptyfield Validation by Henrik Petersen / NetKontoret
// Explained at www.echoecho.com/jsforms.htm
// Please do not remove this line and the two lines above.
with (entered)
{
if (value==null || value=="")
{if (alertbox!="") {alert(alertbox);} return false;}
else {return true;}
}
}

I didn't modify this code at all....maybe where I went wrong here. Should "value" correspond to text area name "message"? (about the only thing I didn't try)
Here's another one --this one from W3 schools:
Code:

function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }
}

this is how it was on the source site, all I changed was "myForm" and "fname" to "blog_suggestion"

But when testing both these snippets separately what happened is that on submit I just go to my php page (which is just blank) I'm assuming code I'm adding is crashing the script somehow. And then of course no thank you page and no email sent.

Finally here is my current php page in its entirety, followed by the form code on the home page...
Code:

<?php
if(!isset($_POST['submit']))
{
	//This page should not be accessed directly. Need to submit the form.
	echo "error; you need to submit the form!";
}

$message = $_POST['message'];

//Validate first
if(empty($message)) 
{
    echo "Please enter a suggestion before clicking submit.";
    exit;
}


$email_from = 'f7digitaldesign@gmail.com';//<== update the email address
$email_subject = "SOMEONE HAS SUBMITTED A SUGGESTION FOR THE BLOG!";
$email_body = "\n $message".

$to = "f7digitaldesign@gmail.com";//<== update the email address
$headers = 'From: '.$email_from."\r\n".
'Reply-To: '.$email_from."\r\n" .

//Send the email!
mail($to,$email_subject,$email_body,$headers);
//done. redirect to thank-you page.
header('Location: thank-you.html');


// Function to validate against any email injection attempts
function IsInjected($str)
{
  $injections = array('(\n+)',
              '(\r+)',
              '(\t+)',
              '(%0A+)',
              '(%0D+)',
              '(%08+)',
              '(%09+)'
              );
  $inject = join('|', $injections);
  $inject = "/$inject/i";
  if(preg_match($inject,$str))
    {
    return true;
  }
  else
    {
    return false;
  }
}
   
?>

I tried to modify the validation I got w/ this to produce the "echo" message "Please enter a suggestion before clicking submit." But let's be honest, by now you know I don't know what in the heck I'm doing (it doesn't seem to matter).

Form code:
Code:

<form name="blog_suggetion" method="post" action="send_form_blogidea.php">
                     <span class="bloginfotext" ><textarea name="message" rows="14" cols="12" onfocus="clearValue(this, 'Please submit ideas for our blog here&mdash;we&rsquo;d love to hear from you!')" onclick="this.value='';" onblur="if (this.value == '') {this.value = 'Please submit ideas for our blog here&mdash;we&rsquo;d love to hear from you!';}" ></textarea></span>
        <div style="font-size:6px; color:#FFF;">sdsadfds</div>
               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" name='submit' value="submit">
             </form>

Any time spent and help offered for this is greatly appreciated!! Also if you need to/want to test the field, I don't care--send me a message. I'll know someone cares!
Brian

Full Excel VBA Course - Beginner to Expert

Simple Javascript Form Validation

Similar Tutorials

JavaScript - Validation Issue For A Simple Form -- Need Javascript Help.

Validation Issue For A Simple Form -- Need Javascript Help.

Similar Tutorials

Simple Javascript Form Validation

Trouble With Simple Javascript Form Validation

I Am Looking For Some Simple, Smart Javascript Validation For A Signup Form

Issue With Simple Validation

Js Form Validation - Hopefully Simple

I Need An Add-on To Simple Form Validation

Need Help With Simple Form Validation

Help Using Onchange For Simple Form Validation

I Need Help In Simple Email Form Validation!

Very Simple Form Validation Quetsion

Validation Through Javascript Issue

Email Form With Simple Validation Output

Javascript Xhtml W3c Validation Issue

Email Form Validation Issue

Client Side Javascript Form Validation (uses Ajax) - Form Won't Submit, Help!

Javascript Validation Not Working With Form Of Multipart/form-data

Relatively Simple Javascript Issue

Form Validation With Javascript

Javascript Form Validation

Form Validation With Javascript