个人中心
gpt4 book ai didi

javascript - Angular 简单验证不起作用

转载 作者：行者123 更新时间：2023-11-29 18:14:31 26 4
gpt4 key购买 nike

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)。

最佳答案

两件事。

您需要通过表单对象访问表单域

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

关于javascript - Angular 简单验证不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24586085/

26 4 0
文章推荐： mysql - 从所有以 raw_% 开头的表中删除超过 2 个月的旧日志
文章推荐： android - 从服务器端应用程序激活 GPS 到 Android 应用程序
文章推荐： php - 对(非对象)中的非对象调用成员函数prepare()
文章推荐： android - 从 Android Activity 切换到 MapActivity
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com