通过单击表单外的按钮使用 required 和 angularjs 验证输入字段答案

【问题标题】：validating input field using required and angularjs by clicking button outside of form通过单击表单外的按钮使用 required 和 angularjs 验证输入字段
【发布时间】：2013-11-27 20:49:10
【问题描述】：

当单击的按钮在表单中时，向输入字段添加“必需”会触发验证。但是如何在单击表单外的按钮时触发验证？

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

如果您未在输入字段中输入任何内容并单击表单内的按钮，则执行验证。但是如果你点击表单外的按钮，什么都不会发生。

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

谢谢

托马斯

【问题讨论】：

标签： javascript forms validation angularjs

【解决方案1】：

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

<form novalidate name="myForm">

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

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

【讨论】：

谢谢。它现在触发验证。如何让它显示验证消息？在原始 plunk 中，单击表单内的按钮时会显示验证错误，但在更新的 plunk 中（根据您的回答），它不会显示验证错误。

【解决方案2】：

表单无效，如果您检查它，您可以在表单元素上看到 ng-invalid 类。仅当您单击表单中的提交按钮时才会触发原生 HTML5 验证。

【讨论】：