2

这是我创建的一些 plunker。我不明白为什么它不起作用。
这是JS：

  angular.module('demo', [
  ]).controller('MainCtrl', function($scope)
  {
    $scope.name = "Vlad";
    $scope.age = 11;

    $scope.sendTest = function() 
    {
      console.log($scope.name.$valid);
      console.log($scope.age.$valid);
    }
  });

这是html：

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

问题是我在控制台中未定义（而不是true, false）。

4

1 回答 1

4

两件事情。

您需要通过表单对象访问表单字段

console.log($scope.form.name.$valid);
console.log($scope.form.age.$valid);

为了能够做到这一点，您需要name在输入上设置属性

<input type="number" name="age" min="0" max="10" ng-model="age" required />
<input type="text" name="name" ng-model="name" required />

嗯，三件事。你需要input type="number"和min工作max。查看文档

于 2014-07-05T11:49:08.880 回答