使用angularJS验证表单并发送未经验证的表单输入

Question

我有一个关于angularJS的问题。

我想验证表单。如果出现错误，我想进行操作以进一步处理数据。即用户尚未填写所有字段，但我想发送输入。

提前致谢...

Answer 1

您应该检查控制器内表单的$valid属性。

<form name="newFeed">
  URL: <input size="80" name="url" ng-model="newFeed.url" type="url" required>
  <button ng-click="addFeed(newFeed)">Add Feed</button>
</form>

     

在控制器中，通过检查＆gt;可以查询绑定值以获得验证状态。 $valid财产。

$scope.addFeed = function(feed) {
  if (feed.$valid) {
    // Copy this feed instance and reset the URL in the form
    $scope.feeds.push(feed);
    $scope.newFeed.url = {};
  }
};

     

（取自here）。

每次通过按提交按钮致电$valid，都会检查addFeed属性。