HTML5 form表单验证

1.取消验证

   有两种方法取消表单验证，第一种方法是利用form元素的novalidate属性来关闭整个表单验证。第二种方法是利用input元素或submit严肃的formnovalidate属性，利用input元素的formnovalidate属性可以让表单验证对单个input元素失效。另外，如果对submit按钮使用了formnovalidate属性，单击该按钮时，相当于利用form元素的novalidate属性，整个表单验证都失效了。

2.显示验证

   在HTML5中，form元素与input元素都具有一个checkValidity方法。调用该方法,可以显示地对表单内所有元素内容或单个单个元素内容进行有效性验证。   

<input type="email" id="Myemail"/>
<script type="javascript">
function CheckMail()
{
   var Mali=document.getElementById("Myemail");
   if(Mali.value="")
   {
     alert("地址不能为空");
     return false;
   }
   else if(!email.checkValidity())
   {
      alert("电子邮件地址不正确");
      return false;
   }
   else
   {
      alert("正确地址")
   }
}
</scrtipt>

此外，form元素与input元素都还存在一个validity属性，该属性返回一个ValidityState对象。该对象具有很多属性，其中最简单、最重要的属性为valid属性，它表示表单内所有元素内容是否有效或单个input元素内容是否有效。