jquery.validate-摘录

最新推荐文章于 2022-02-25 20:00:37 发布

原创最新推荐文章于 2022-02-25 20:00:37 发布 · 103 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #CSS #C #C++ #C# #ViewUI

jQuery 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个关于HTML表单验证的例子，包括文件类型限制、单选按钮的必填验证以及下拉菜单的选择数量限制等内容。

accept说明：

<input type="file" id="avatar" name="avatar" class="{validate:{required:true,accept:true}}" />
accept接受的是：image (png, jpg, jpeg, gif)

<input type="file" id="cv" name="cv" class="{validate:{required:true,accept:'docx?|txt|pdf'}}" />
accept接受的是：document (doc, docx, txt, pdf)

单选：
<style type="text/css">
label.error { display: none; }	
</style>
		<fieldset>
			<legend>Gender</legend>
			<label for="gender_male">
				<input  type="radio" id="gender_male" value="m" name="gender" validate="required:true" />
				Male
			</label>
			<label for="gender_female">
				<input  type="radio" id="gender_female" value="f" name="gender"/>
				Female
			</label>
			<label for="gender" class="error">Please select your gender</label>
		</fieldset>

下拉菜单：
		<select id="cars" name="cars" title="Please select at least two cars, but no more than three" validate="required:true, rangelength:[2,3]" multiple="multiple">
			<option value="m_sl">Mercedes SL</option>
			<option value="o_c">Opel Corsa</option>
			<option value="vw_p">VW Polo</option>
			<option value="t_s">Titanic Skoda</option>
		</select>