Question

Here is some plunker I have created。我不明白为什么它不起作用。
这是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）。

Answer 1

两件事。

您需要通过表单对象

访问表单字段

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才能生效。见docs

角度简单验证不起作用

1 个答案: