通过单击窗体外部的按钮，使用required和angularjs验证输入字段

Question

当单击的按钮位于表单内时，向输入字段添加“required”将触发验证。但是，如何在单击表单外部的按钮时触发验证？

我在这里创建了一个问题来解释这个问题：http://plnkr.co/edit/rxWHRxi3w8aJhkpO427c?p=preview

如果未在输入字段中输入任何内容并单击表单内的按钮，则执行验证。但是，如果单击表单外部的按钮，则不会发生任何事情。

单击表单外的按钮时如何触发验证？

感谢

托马斯

Answer 1

为表单命名，然后将其作为属性添加到$ scope对象。说myForm。

<form novalidate name="myForm">

现在，在提交功能中，您可以检查表单有效性 -

$scope.submit=function() {
    if(!$scope.myForm.$valid) {
        $scope.myForm.mytext.$dirty = true;
    }
};

Answer 2

表单无效，如果您检查表单元素，则可以在表单元素上看到类ng-invalid。只有单击表单中的“提交”按钮，才会触发本机HTML5验证。