input type email

[BluwAngel]

so i have field for email

 

<input id="email" name="email" type="email" /><br />

 

is there and HTML command to prevent it from leaving blank (if you type "test" it will say its not email. any way to do that if some leave it blank?)

 

i created filter with JS, but i want same that bubble box where it say "please enter email or something like that

[AyKay47]

*pseudo code*

 

if($('#email') == '')
    alert("blank email");

 

put this wherever you check the values of the inputs in JS.

[Jessica]

No, HTML cannot do that. You could use PHP and regular expressions to check if it's an email, then return an error. Considering users can easily turn off JS, this is practically required.

[caliux]

If you want in PHP you can use if(email != "" ),and i think that in jQuery it is if( $('#email').val() != "" )

[freaker87]

use this...

 

 

javascript code

<script type="text/javascript">
function validateForm()
{
var x=document.forms["myForm"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
  {
  alert("Not a valid e-mail address");
  return false;
  }
}
</script>

 

 

 

this is html code....

 

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm();" method="post">
Email: <input type="text" name="email">
<input type="submit" value="Submit">
</form>

[AyKay47]

you can have some sort of validation client side, but should always also have validation server side, just in case JS is disabled, this will prevent security leaks. as jesirose already stated.

[trq]

The "email" type attribute will actually validate the data it contains if you set the "required" attribute.

 

Of course, not all browsers yet support this functionality however.

[AyKay47]

The "email" type attribute will actually validate the data it contains if you set the "required" attribute.

 

Of course, not all browsers yet support this functionality however.

 

I actually forgot that it validates it's contents if required.

Here is the regex that it uses for validation:

 

/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/

 

not the tightest regex, but efficient enough.

 

and the w3 docs if anyone cares to see: http://dev.w3.org/html5/markup/input.email.html

 

but yah as noted, not all browsers yet support this and server side validation is still required.

[freaker87]

use this in php

 

$email( is a variable contain value of email field)

 

if(!$email == "" && (!strstr($email,"@") || !strstr($email,".")))

{

echo "<h2>Use Back - Enter valid e-mail</h2>\n";

$badinput = "<h2> NOT submitted</h2>\n";

echo $badinput;

}

[AyKay47]

use this in php

 

$email( is a variable contain value of email field)

 

if(!$email == "" && (!strstr($email,"@") || !strstr($email,".")))

{

echo "<h2>Use Back - Enter valid e-mail</h2>\n";

$badinput = "<h2> NOT submitted</h2>\n";

echo $badinput;

}

 

this is a poor check, just use filter_var with the FILTER_VALIDATE_EMAIL flag.