使用角度确定表单是否有效

Determining if a form is valid using angular

本文关键字：表单 是否 有效      更新时间：2023-09-26

我正在尝试使用角度来确定表单是否有效。

我有这样的表格：

<form name="form" novalidate>
    <p>
        <label>Number: </label>
    <input type="number" min="0" max="10" ng-model="test.number" required />
    </p>
    <p>
        <label>Name: </label>
    <input type="text" ng-model="test.name" required />
    </p>
    <button ng-click="sendTest(test)">Submit</button>
</form>

而且，在发送测试函数上，我做到了：

angular.module('demo', [
      ]).controller('MainCtrl', function($scope){
        $scope.test = {
          name: 'das'
        };
        $scope.sendTest = function(test) {
          console.log(form.$valid);
          console.log(test.$valid);
        }
      });

问题是form.$valid和test.$valid都是未定义的。我尝试按照以下示例执行此操作：

http://dailyjs.com/2013/06/06/angularjs-7/http://www.youtube.com/watch?v=J82OD76QhPo

以下是此演示的完整代码：http://plnkr.co/edit/l0E62KPJu4Z2r15VNjJq

form被添加到作用域中，请尝试： console.log($scope.form.$valid)

顺便说一句，它被称为form，因为这是您在表单标签的 name 属性上指定的值。如果您从控制器想要了解特定字段的状态，也可以向输入字段添加名称属性。

示例：http://plnkr.co/edit/Ra98yIFYso94flDIqNCD?p=preview

相关文章：