validate插件，主要是为了验证表单提交的内容，让客户端验证变得极为简单。现在让我们来体验一下validate插件对表单提交的强大性。
在使用validate插件的时候，需要下载JQuery validate插件，但是这样就比较麻烦了，光是下载安装就相比较费时间，所以我们有一个简便的方法。从菜鸟网站上，使用菜鸟教程上面提供的CDN。
导入这两个插件：
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
这样才能使用validate插件。
案例：对表单中提交数据的部分提交
<body>
<form id="formData">
<label for="userName">用户名：</label>
<input type="text" id="userName" required/>
<br>
<label for="password">密码：</label>
<input type="password" id="password"/>
<br>
<label for="email">邮箱：</label>
<input type="email" id="email"/>
<br>
<label for="url">网址：</label>
<input type="url" id="url"/>
<br>
<label for="maxlength">输入字符不多于5个：</label>
<input type="text" id="maxlength" maxlength="5"/>
<br>
<label for="rangelength">输入字符5-10个之间：</label>
<input type="text" id="rangelength" rangelength="[5,10]"/>
<br>
<input type="submit" value="验证"/>
</form>
</body>
<script>
$.validator.setDefaults({
submitHandler: function(){
alert("验证成功");
}
});
$("#formData").validate();
</script>
代码里面验证了一些属性，其中required属性是代表了这个选项是必填字段；还可以输入字符的最大长度和只能输入在范围内的字符长度，超出则不显示。
在这里用户名设置了required属性，不输入内容提交后，会出现的结果是：
会在文本框后面显示出“这是必填字段”。
validate插件还有很多的关于验证的方法，我只是写了其中的一小部分，其他的还有日期验证、是否为整数验证、有效的卡号等等。有兴趣的可以去了解一下。
8万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
