JQuery的validate插件

validate插件，主要是为了验证表单提交的内容，让客户端验证变得极为简单。现在让我们来体验一下validate插件对表单提交的强大性。

在使用validate插件的时候，需要下载JQuery validate插件，但是这样就比较麻烦了，光是下载安装就相比较费时间，所以我们有一个简便的方法。从菜鸟网站上，使用菜鸟教程上面提供的CDN。

导入这两个插件：

 src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js">
 src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js">
这样才能使用validate插件。

案例：对表单中提交数据的部分提交

    

        用户名：
        
        

        密码：
        
        

        邮箱：
        
        

        网址：
        
        

        输入字符不多于5个：
        
        

        输入字符5-10个之间：
        
        

        
    


代码里面验证了一些属性，其中required属性是代表了这个选项是必填字段；还可以输入字符的最大长度和只能输入在范围内的字符长度，超出则不显示。
在这里用户名设置了required属性，不输入内容提交后，会出现的结果是：

会在文本框后面显示出“这是必填字段”。

validate插件还有很多的关于验证的方法，我只是写了其中的一小部分，其他的还有日期验证、是否为整数验证、有效的卡号等等。有兴趣的可以去了解一下。