表单未在 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 中！这就是为什么，内部形式被删除的原因！所以，我去掉了外型，一切都很好！

表单未在 AngularJS 中验证

Form is not validated in AngularJS

javascript

angularjs

validation

ng-messages