您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2016年05月27日 04:53

原创 jQuery Validator file 文件类型校验器

55 次浏览 读完需要≈ 4 分钟

内容目录

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

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

语法

jQuery Validator 1.0 新增

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

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

参数

参数 描述
fileExt1..N String类型一种文件类型的后缀名,不包含"."号。

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"
});
  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论