Javascript验证输入类型文件

我使用jquery验证方法，并使用自定义javascript显示由于css问题而上传的图像名称

当未指定输入文件时，将显示验证消息，但当用户上载文件时，仍会显示该消息。当用户单击某个位置时，它将被删除。这就是问题所在。当用户添加一些图像时，应该将其删除

我该如何解决这个问题

我的代码如下：

$（文档）.ready（函数（）{
var规则、MSG、inputName；
规则={}；
msgs={}；
var images=[“前护照”、“后护照”]；
var extn=“jpeg | jpg | png | pdf”；
对于（var i=0；i1）
fileName=（this.getAttribute（'data-multiple-caption'）| |'）.replace（'{count}'，this.files.length）；
其他的
fileName=e.target.value.split（'\\'）.pop（）；
如果（文件名）{
divName.innerHTML=文件名；
}否则{
label.innerHTML=labelVal；
}
$（“#个人表格”）.validate（validateObj）；
});
//Firefox错误修复
input.addEventListener（'focus'，function（）{
input.classList.add（'has-focus'）；
});
input.addEventListener（'blur'，function（）{
input.classList.remove（'has-focus'）；
});
});
}（文档，窗口，0））；
$（“#个人表格”）.validate（validateObj）；
});

身份证/护照
*
{{Form:：file（'front_passport'，[“class”=>“app file”]）}
上传文件
背面身份证/护照
*
{{Form:：file（'back_passport'，[“class”=>“app file”]）}
上传文件
我找到了解决方案-向div添加了一个新类，然后将其删除：


if（文件名）{
divName.innerHTML=文件名；
$（this）.parents（'.file wrapper'）.find（'.error'）.remove（）；
}

身份证/护照
*
{{Form:：file（'front_passport'，[“class”=>“app file”]）}
上传文件
$（this）.find（'.error'）？