Angularjs表单验证FileUploade未验证

时间:2018-09-23 15:27:35

标签: angularjs

此处我正在尝试使用以下方法验证文件 但是它不能验证我的提交按钮贝娄是我的代码

<div ng-app="validationApp" ng-controller="mainController">
    <div class="container">
        <div class="row">

            <div class="col-sm-6">
                <form name="userForm" ng-submit="submitForm()" novalidate>
                    <div class="form-group" ng-class="{ 'has-error' : userForm.name.$invalid && !userForm.name.$pristine }">
                        <label>Name</label>
                        <input type="text" name="name" class="form-control" ng-model="user.name" required>
                        <p ng-show="userForm.name.$invalid && !userForm.name.$pristine" class="help-block">You name is required.</p>
                    </div>

                    <div class="form-group" ng-class="{ 'has-error' : userForm.ceoFile.$invalid && !userForm.ceoFile.$pristine }">
                        <label>Name</label>
                        <input type="file" name="ceoFile"  ng-model="user.ceoFile" required>
                        <p ng-show="userForm.ceoFile.required && userForm.name.$invalid" class="help-block">You name is required.</p>
                    </div>

                    <button type="submit" class="btn btn-primary" ng-disabled="userForm .$invalid">Submit</button>

                </form>

在这里,当我保留文本而不是文件时,“提交”按钮在“活动”模式下更改,但是当它变为文件时,即使我选择文件也无法正常工作

0 个答案:

没有答案