使用jquery验证插件验证表单输入类型文件类型

以下代码： 脚本代码

<script type="text/javascript">
$(document).ready(function() {
    $("#formElem").validate({

        rules: {  

            dimage:{
                minlength:200    
            }  
        },
messages: {


             dimage:{
               required: 'Please select the image!'  
            } ,

        }       
    });

});
</script>

$（文档）.ready（函数（）{
$（“#formElem”）.validate({
规则：{
dimage：{
最小长度：200
}  
},
信息：{
dimage：{
必需：“请选择图像！”
} ,
}       
});
});

html代码

<form id="formElem" name="formElem" action="" method="post">

 <input type="file" name="dimage" id="dimage" />
</form>

我使用jquery validate.js文件进行客户端验证。当我用上面的代码创建一个文件时，它不会显示任何错误消息

当用户未选择文件时，我应该如何提醒错误消息？

试试这个

$(document).ready(function() {
    $("#formElem").validate({
        rules: {  
            dimage:{
                required: true    
            }  
        },
        messages: {
            dimage:{
               required: 'Please select the image!'  
            } ,
        }       
    });
});

---

如果上传图像文件Jquery验证插件有一个选项

accept

，您可以将该选项设置为一个值，该值将验证如果文件确实是图像，那么Jquery代码将如下所示：

$("#formElem").validate({

      rules: {  

            dimage:{
                    required: true,
                    accept:"jpg,png,jpeg,gif"
                }  
        },
    messages: {

            dimage:{
                    required: "Select Image",
                    accept: "Only image type jpg/png/jpeg/gif is allowed"
                }  

             }      
        });

---

有关更多信息，请参见

如何使用min和max sizeNote验证类型为（png和jpg）的图像：此方法仅用于查看文件名，特别是文件扩展名。这种行为现在可以作为src/additional/extension.js中的“extension”方法使用。