javascript - 表单未在 AngularJS 中验证

Question

我有这个简单的形式：

<form name="assignCtrl.carrierForm">
     <md-input-container class="md-block">
            <label>Company Name</label>
            <input required name="carrierName" ng-model="assignCtrl.searchKeyword">
            <div ng-messages="assignCtrl.carrierForm.carrierName.$error">
                <div ng-message="required">This field is required.</div>
            </div>
     </md-input-container>

    <md-input-container class="md-block">
        <label>Company Email</label>
        <input type="email" name="carrierEmail" ng-model="assignCtrl.companyEmail" required
                               ng-pattern="/^.+@.+\..+$/" minlength="5" maxlength="100"/>
        <div ng-messages="assignCtrl.carrierForm.carrierEmail.$error">
             <div ng-message="required">Email is required.</div>
             <div ng-message-exp="['pattern', 'minlength', 'maxlength']">Please enter a valid email
                                address.
             </div>
        </div>
     </md-input-container>

    <md-button type="submit" ng-disabled="assignCtrl.carrierForm.$invalid" ng-click="assignCtrl.createAndAssign()">Create and Assign
    </md-button>

</form>

它没有被验证！ng-messages根本不出现。

form.$error也是空的：

{{assignCtrl.carrierForm.$error | json }}

可能是什么原因？

Answer 1

所以，我发现了我的错误！在我的巨大html文件中，问题中的表格结果form错误地在另一个里面！这就是为什么，内在的形式被移除了！所以，我删除了外部形式，一切都很好！