title: HTML5 email input not validating email addresses?
body: <p>Could anybody help me figure out why this input field is giving me grief?</p>
  
  <pre><code>&lt;input class="form-field" placeholder="Email" type="email" name="CEMAIL" required oninvalid="setCustomValidity('Please enter a valid email address.')"/&gt;
  </code></pre>
  
  <p>It's returning my custom message, when you enter absolutely anything, when you enter nothing, and when you enter a completely valid email address. My doctype has been set as html5 using </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;form action="newuserlogin.php" name="registerform" method="post"&gt;
  &lt;div class="form-title"&gt;&lt;h1 style="width:100%;"&gt;New Customers Register&lt;/h1&gt;&lt;/div&gt;
  &lt;p style="margin-bottom: 30px;"&gt;If you are new here then you will need to register an account with us. Please use the form on this page to register for your free acount.&lt;/p&gt;
  &lt;input class="form-field" placeholder="First Name" type="text" name="FNAME" required /&gt;
  &lt;input class="form-field" placeholder="Last Name" type="text" name="LNAME" required /&gt;
  &lt;input class="form-field" id="pass1" placeholder="Password" type="password" name="ACCESS" required /&gt;
  &lt;input class="form-field" id="pass2" placeholder="Confirm Password" type="password" name="ACCESSCONF" required /&gt;
  &lt;input class="form-field" placeholder="Email" type="email" name="CEMAIL" required oninvalid="setCustomValidity('Please enter a valid email address.')" /&gt;
  &lt;input class="form-field" placeholder="Email Confirmation" type="email" name="CEMAILCONF" required oninvalid="setCustomValidity('Please enter a valid email address.')" /&gt;
  &lt;input class="form-field" placeholder="Phone Number" type="text" required pattern="^\s*\(?(020[7,8]{1}\)?[ ]?[1-9]{1}[0-9{2}[ ]?[0-9]{4})|(0[1-8]{1}[0-9]{3}\)?[ ]?[1-9]{1}[0-9]{2}[ ]?[0-9]{3})\s*$" name="CPHONE" oninvalid="setCustomValidity('Please enter a valid phone number with no spaces.')" /&gt;
  &lt;input class="form-field" placeholder="House Name/Number" type="text" required name="CHNAME" /&gt;
  &lt;input class="form-field" placeholder="Address Line 1" type="text" required name="ADL1" /&gt;
  &lt;input class="form-field" placeholder="Address Line 2" type="text" required name="ADL2" /&gt;
  &lt;input class="form-field" placeholder="Post Code" type="text" required name="CPOSTC" /&gt;
  &lt;h3&gt;&lt;div class="form-title"&gt;Preferred Delivery Times&lt;/div&gt;&lt;/h3&gt;
  &lt;p style="margin-bottom: 30px;"&gt;Could you please provide us with any delivery information you think we need to know to deliver to your property.&lt;/p&gt;
  &lt;p&gt;&lt;textarea class="form-field2" placeholder="Please write some specific delivery instructions" type="text" name="DSPECD" /&gt;&lt;/textarea&gt;&lt;/p&gt;
  
  &lt;div class="submit-container"&gt;
  &lt;input onclick="BothFieldsIdenticalCaseSensitive('pass1','pass2');" type="image" style="float: left; width: 95%; height: auto;" name="submit" src="/demo/img/register-account.png" border="0" alt="Submit" value="Submit" /&gt;&lt;/div&gt;
  &lt;/form&gt;
  </code></pre>