TypeError：使用ng-submit无法读取未定义的属性'$ valid'

Question

我提到了Angular JS Form validation inside tabset give error : TypeError: Cannot read property '$valid' of undefined，但这并不是我想要的。

我有这个HTML代码，

<form name="userForm" ng-submit="submit()" novalidate>
    <input type="text" class="form-control" ng-model="user.name" required>
    <button type="submit" class="btn btn-primary" ng-disabled="!userForm.$valid">Submit</button>
</form>

我的js就像是，

$scope.submitForm = function () {

    // check to make sure the form is completely valid
    if ($scope.userForm.$valid) {
        alert('its working');
    }
};

我收到此错误。有没有办法在使用ng-submit时解决此问题。

Answer 1

请你试试下面的代码：

$scope.submitForm = function() {

    // check to make sure the form is completely valid
    if (userForm.$valid) {
        alert('its working');
    }

};

我从$scope删除了$scope.userForm.$valid，因为userForm不是$scope的属性。

您可以查看官方AngularJS文档especially this part，在那里您可以看到它们如何绑定到表单。