Hi,

I am using a simple "add email address" form but need to make the field so it can't be submitted without adding an email address??

Can anyone advise please...?

<form method="POST" action="news.php">

				<input class="newsletter_input" name="Email" id="s" value="enter your email here..." onfocus="if(this.value == 'enter your email here...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'enter your email here...';}" type="text" />

				<input name="" value="" class="newsletter_submit" type="submit" />
					
			</form>

disable the submit button until the email validates.

http://www.w3schools.com/js/js_form_validation.asp

use the onBlur event of the email field to trigger the check.

Or just use required fields, in HTML5.

<form method="post" action="news.php">
<input required class="newsletter_input" name="Email" id="s" value="enter your email here..." type="text" />
<input value="Go" class="newsletter_submit" type="submit" />				
</form>

Notice the required in the second line.

Thanks Guys,

javascript is not my favourite subject...!

For any one who is interested, I solved it by using

<form name="news" action="news.php" onsubmit="return validateForm()" method="post"><input name="Email" type="text" class="newsletter_input"> 
<input type="submit" class="newsletter_submit" value="">
</form> 

and placing in the head section...

<script type="text/javascript">
function validateForm()
{
var x=document.forms["news"]["Email"].value;
if (x==null || x=="")
  {
  alert("Please Enter Your Email Address!");
  return false;
  }
}
</script>

Just a reminder that you still need to check on the backend that an email address was submitted. There are a couple of ways to still have the form submitted even with the javascript check.

1. Disable javascript
2. Copy the source code, remove the onsubmit, and submit form

I'm guessing the validation is more for the user than you, but if you absolutely need the email you can't rely on front end validation. Don't forget the backend.

Originally Posted by vangogh

Just a reminder that you still need to check on the backend that an email address was submitted. There are a couple of ways to still have the form submitted even with the javascript check.

1. Disable javascript
2. Copy the source code, remove the onsubmit, and submit form

I'm guessing the validation is more for the user than you, but if you absolutely need the email you can't rely on front end validation. Don't forget the backend.

Yep! All you'd need to do is have a little if(isset($_POST['Email'])&&$_POST['Email']!=null) to make sure that the user really DID put something in the box instead of hacking their way through your Javascript. You can also run a email filter on the string to make sure it's an email, too. And if you REALLY want to go crazy, checkdnsrr will tell you whether or not the domain exists (gmail.com, yahoo.com, hotmail.com, etc).