Javascript 当输入字段无效时，如何使angularjs记录默认html5验证消息？

所以，我一直在做一个项目，我使用angularjs验证表单输入字段。问题是，我希望angularjs在输入时记录默认的html5验证消息，如“请填写此字段” 字段为空。它应该类似于下面的代码：

var x=document.getElementById（“myForm”）；
var y=document.getElementById（“电子邮件”）；
var z=document.getElementById（“错误”）；
x、 addEventListener（“提交”、（e）=>{
如果（y.checkValidity（）==false）{
e、 预防默认值（）；
z、 innerHTML=y.validationMessage；
}
});
正文{
背景色：白色；
颜色：黑色；
字体系列：无衬线；
}
钮扣{
填充物：5px10px；
光标：指针；
}
.错误，#错误{
颜色：红色；
}

电子邮件验证示例
电邮：
* 



提交
你可以这样试试

 <form id="myForm">
       <label for="email">Email:</label>
       <input type="email" id="email" name="email" ng-model="email" required=""/> 
       <span ng-show="myForm.email.$dirty && myForm.email.$error.required">Email is required.</span>
       <br/><br/>
       <button type="submit">Submit</button>
    </form>


电邮：
电子邮件是必需的。



提交

你可以这样试试

 <form id="myForm">
       <label for="email">Email:</label>
       <input type="email" id="email" name="email" ng-model="email" required=""/> 
       <span ng-show="myForm.email.$dirty && myForm.email.$error.required">Email is required.</span>
       <br/><br/>
       <button type="submit">Submit</button>
    </form>


电邮：
电子邮件是必需的。



提交