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

validating input field using required and angularjs by clicking button outside of form

本文关键字：required 使用 angularjs 验证 字段 输入 按钮 表单      更新时间：2023-12-07

当单击的按钮在表单内时，向输入字段添加"required"会触发验证。但是，当单击表单外的按钮时，如何触发验证？

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

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

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

感谢

Thomas

给表单一个名称，然后将其作为属性添加到$scope对象中。说myForm。

<form novalidate name="myForm">

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

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

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

相关文章：