角簡單驗證不起作用
[英]Angular simple validation not working
問題描述
這是我創造的一些矮人 。 我不明白為什么它不起作用。
這是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 ）。
1 個解決方案
解決方案1
4 已采納 2014-07-05 11:49:08
兩件事情。
您需要通過表單對象訪問表單字段
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 。 查看文件
Angular 2：簡單的輸入驗證
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.