使用checkValidity()方法进行校验

checkValidity()方法进行校验
返回ture，则证明表单内所有输入都有效
注意：onclick()事件的值，也可以用 return 来写

<input type="submit"  value="提交" onclick="return check();">

checkValidity方法校验 代码如下

<form action="add" method="post">
		生日：
		<input type="date" name="birth" id="brith"><p>
		邮件地址：
		<input type="email" name="email" id="email"><p>
		<input type="submit" value="提交" onclick="return check();">

</form>
<script type="text/javascript">
		function check(){
			return commonCheck("brith","生日","字段必须有效日期")
			&& commonCheck("email","邮件地址","字段必须符合邮箱格式");
		}
		var commonCheck =function(field,fieldName,tip){
			var targetEle = document.getElementById(field);
			//验空
			if(targetEle.value.trim() ==""){
				alert(fieldName + "字段必须填写");
				return false;
			}
			// 调用checkValidity()校验
			else if(!targetEle.checkValidity()){
				alert(fieldName + tip);
				return false;
			}return true;
		}
</script>

点击提交时，会先检测第一个文本框

填了不正确的邮箱会显示：