所需的验证不适用于输入类型文件

Question

我正在尝试使用角度形式和形式属性（如$ valid，$ invalid，$ pristine，$ dirty，$ touched）对文件输入类型进行验证。

注意 ：除文件类型外，所有其他验证均有效。

html的代码如下所示：

<form name="userForm" ng-submit="submitForm(userForm.$valid)" novalidate>
    ....
    ....
    ....
    <div class="form-group" ng-class="{ 'has-error' : userForm.email.$invalid && !userForm.email.$pristine }">
      <label>File</label>
      <input type="file" name="filetest" class="form-control" ng-model="user.file">
      <p ng-show="userForm.filetest.$invalid && !userForm.filetest.$touched" class="help-block">File is required.</p>
    </div>
    ....
    ....
    ....
</form>

但以上代码段无效。 请帮助我摆脱这个问题。

这是plnkr链接供参考。

Answer 1

您的文件输入没有必填属性。

编辑：您还需要更改ng-class中的条件：应该是

'has-error' : userForm.filetest.$invalid && !userForm.filetest.$pristine 

代替

'has-error' : userForm.email.$invalid && !userForm.email.$pristine

整个div元素应如下所示：

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

我认为在更改上述div后，它可以按预期工作。