Angularjs 使用angular ui配置验证工具提示

我正在用angularjs和AngularUI做一个简单的表单。不知何故，angular正在我的验证中插入boostrap工具提示。但是它会自动插入，我不知道如何控制/自定义或禁用工具提示。这是我的html：

给我们发电子邮件
名称：



必需的

电子邮件：



必需的

不是有效的电子邮件

消息：



必修的！
提交

这些都不是引导，甚至与css没有任何关系

它们是html5验证工具提示，是浏览器本身的一部分

如果不想使用内置浏览器验证，请将

novalidate

属性添加到

标记

<form name="frm" ng-submit="contact.contactUsSubmit(frm)" novalidate>

---

参考

感谢charlietfl让我在“novalidate”方面走上正轨。然而，novalidate的问题是，当您点击“ng submit”时，没有显示任何验证错误消息

完整的解决方案是将以下代码添加到表单标记（“contact”是“contactController”的别名）：

---

谢谢你的澄清！但是，当我把“诺瓦利达”放在在表单标签中，您可以点击submit，角度验证不会触发，即我可以在没有任何数据或数据不正确的情况下提交表单。

ng submit

在表单无效时不应触发……因为安全警卫可以检查表单对象的

$valid

属性。什么是

contact

？这是控制器别名吗？如果是o应该是表单

name

alsoOK的一部分…表单验证对象将根据其

name

添加到控制器范围，因此名称也应包括控制器对象。在这种情况下，表单名称为“frm”。我尝试引用$scope.frm，但未定义。因此我将“frm”对象传递到ng submit=“contact.contactUsSubmit（frm）”。不幸的是，设置了“novalidate”后，我的验证规则不会在ng submit时触发。它们仅在用户离开字段后才会触发（在模糊上）。应该是

contact.frm

，因为您有控制器别名…那么安全检查将在控制器中检查

$valid

属性。还需要修复所有验证消息