onchange jqueryvalidation文件类型

这是我的小提琴

我所拥有的是在onchange事件中显示上传文本附近的图像名称。

在这里，我需要在onchange上进行validation，它应该显示错误以及文件名

这是我尝试过的。

Upload 

注意 ：

我不想通过设置规则单独进行validation，我想在onc​​hange中进行，但是如果我在输入类型文件代码中有脚本就可以了

更新：如果我要显示文件名并在5秒内隐藏会更好，因为我不知道在输入类型文件代码中编写脚本

我怎么能这样做，请帮助

Answer 1

           Upload    

Answer 2

使用JQuery解决方案非常简单

把你的HTML作为

 Upload  

然后使用Jquery

 $('#fileUpload').on("change",function () { var fileExtension = ['jpeg', 'jpg']; if ($.inArray($(this).val().split('.').pop().toLowerCase(), fileExtension) == -1) { // alert("Only '.jpeg','.jpg' formats are allowed."); $('#spanFileName').html(this.value); $('#spanFileName').html("Only '.jpeg','.jpg' formats are allowed."); } else { $('#spanFileName').html(this.value); //do what ever you want } }) 

这是工作样本http://jsfiddle.net/c9sbmdv5/3/