时间戳

首页 > 解决方案 > 如何在使用 ng-repeat 时验证 AngularJS 表单输入

angularjs - 如何在使用 ng-repeat 时验证 AngularJS 表单输入

问题描述

我有一个表单，它具有使用 ng-repeat 动态构建的输入字段。我如何验证这些字段大于另一个输入字段。请查看此示例代码。

<html ng-app>
<head>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
</head>
<body ng-init="weekDays = ['monday', 'tuesday', 'wednesday','thursday', 'friday', 'saturday','sunday']">
    <h1>Fun with Fields and ngModel</h1>
    <p>days: {{weekDays}}</p>
    <h3>Binding to each element directly:</h3>
    <div ng-repeat="weekday in weekDays">
        Value: {{weekday}}
        {{day='day_'+weekday; ""}}
        <input name="{{day}}" ng-model="val">                         
    </div>
    <div>
      Number to validate : <input name="numToValidate">
    </div>
</body>

我对 angularJS 很陌生，还在学习。但是我无法通过这个简单的验证来思考。请帮忙。

标签： angularjsformsvalidation

解决方案

html:

<form name="form">
    <div ng-repeat="weekday in weekDays">
        Value: {{weekday}}
        {{day='day_'+weekday; ""}}
        <input name="{{day}}" ng-model="val" required>                         
    </div>
    <div>
      Number to validate : <input name="numToValidate" required>
    </div>
</form>

脚本：

if($scope.form.$valid){
    // You can write your code here what you want to do after validate.
}

推荐阅读