CodePlayer

jQuery Validator的file文件类型校验器用于校验指定的文件上传表单中指定的文件是否符合指定的文件类型。

该校验器通过文件后缀(扩展名)来进行文件类型的判断。

语法

jQuery Validator 1.0 新增。

// 在校验规则对象中指定该属性
file: "fileExt1|fileExt2|fileExt3|fileExtN"

// 例如：
file: "png|gif|jpg|jpeg|bmp"

参数

file校验器的表达式是一个由任意多个文件类型后缀名之间以竖线"|"隔开的字符串。

file校验器会自动忽略大小写进行文件类型判断。

示例&说明

以如下HTML表单为例：

<form action="https://codeplayer.vip/">
	<div>
		<label>用户头像</label>：
		<input id="avatar" name="avatar" type="file" >
	</div>	
	<input type="submit" value="提交" />
</form>

我们可以使用file校验器来实现文件类型的校验：运行代码

// 定义一个名为"image"的校验规则
// 当然，系统已经预定了该校验规则，名称为"image",你无需再重复定义，这里只是演示
v.define("image", {
	file:"png|gif|jpg|jpeg|bmp"
});

// 在表单提交时执行校验
$("form").v("submit", {
	"#avatar": "image"
});