html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />5
<title>jQuery Validate 插件 - 文件输入框</title>6
7
<link rel="stylesheet" media="screen" href="//static.NowJava.com/assets/jquery-validation-1.14.0/demo/css/screen.css">8
<link rel="stylesheet" href="https://static.NowJava.com/assets/jquery-validation-1.14.0/demo/css/cmxform.css" />9
<script src="https://static.NowJava.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>10
<script src="https://static.NowJava.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>11
<script src="https://static.NowJava.com/assets/jquery-validation-1.14.0/dist/additional-methods.js"></script>12
<script src="https://static.NowJava.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>13
<script type="text/javascript">14
$(document).ready(function() {15
$("#fileForm").validate();16
});17
</script>18
19
</head>20
<body>21
22
<form class="cmxform" id="fileForm" method="post" action="">23
<fieldset>24
<legend>选择指定类型的文件？</legend>25
<p>26
<label for="file1">选择一个纯文本文件（例如 *.txt）</label>27
<input type="file" id="file1" name="file1" class="required" accept="text/plain" />28
</p>29
<p>30
<label for="file2">选择任何图像文件</label>31
<input type="file" id="file2" name="file2" class="required" accept="image/*"/>32
</p>33
<p>34
<label for="file3">选择一个 PDF 或 EPS 文件</label>35
<input type="file" id="file3" name="file3" class="required" accept="image/x-eps,application/pdf"/>36
</p>37
<p>38
<label for="file4">选择任何音频或图像文件</label>39
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java