angularjs - 表单验证角度/引导

Question

这是小提琴

无法理解为什么所需的验证不起作用？

HTML

<div ng-app="app">
    <div ng-controller="myctrl">
        <form name="myform" class="form form-horizontal" novalidate>
            <fieldset class="fieldset" ng-show="payment == 'bankAccount'" class="form-group clearfix">
                <ul class="form-group">
                    <li ng-class="{
                'has-error':  myform.routingNumber.$invalid,
                'has-success':myform.routingNumber.$valid}">
                        <label for="routingNumber">Bank Routing Number</label>
                        <div class="" ng-show="myform.routingNumber.$error.required"> <span class="help-block">Please enter routing number</span>

                        </div>
                        <input type="text" name="routingNumber" class="form-control" required/>
                    </li>
                </ul>
            </fieldset>
        </form>
    </div>
</div>

JS

var app = angular.module('app', [])

Answer 1

您需要ng-model在表单上提供一个角度验证才能启动。

尝试：-

<input type="text" ng-model="routingNumber" name="routingNumber" class="form-control" required/>

附带说明：-label for在目标输入上不使用 id 是没有用的。

演示