jQuery（表单验证插件&jquery-validate&jquery ui）

表单验证插件
表单验证主要是针对表单元素的值进行验证，并根据验证结果给出文字或图片提示；
主要验证用户是否输入了内容或者输入的内容是否符合要求

常用的表单验证插件有：jQuery-validate、formValidator

jquery-validate
首先引入validate的js文件及本地化文件
1、将验证直接写在html中
-required 表示必填字段
-type="email"表示有效的邮箱地址:包含用户名@域名
-type=“url” 表示有效的url，包含协议和域名
-equalTo:“选择器”; 输入的内容是否等于某元素的内容
2、在js中进行验证
首先需要设置表单控件的name属性
验证语法：
form对象.validate({
rules:{
name值 ：“验证条件”,
name值 : “验证条件”,
…
name值 : “验证条件”
},
messages:{
name值 ：“提示信息”,
name值 : “提示信息”,
…
name值 : “提示信息”
}
});

、dialog
通过：jq对象.dialog()进行绑定
元素的title属性会作为弹出框的标题显示
元素的文本内容（可以识别html标记）

dialog默认是自动打开的，我们可以通过设置atuoOpen属性进行设置是否自动打开
autoOpen:true/false;

显示按钮：、
buttons:{"按钮标题":按钮触发函数}

是否允许拖动
draggable:true/false;为true表示允许拖动，false表示不允许拖动

是否允许调整大小
resizable:true/false;  true表示允许调整，false表示不允许调整

2、排序（sortable）
可以将元素转换为拖放风格的列表，可以通过拖放的方式进行顺序的调整

显示为网格

!DOCTYPE html>


    
    
    
    
    
    


    

        
标题
        这是一个自定义的弹出框
    
    

        
标题
        这是一个自定义的弹出框
    
    
    

    

        
12
        
23
        
4
        
r
        
g
    

    

        
1
        
2
        
3
        
4
        
5
        
6
        
7
        
8
        
9
        
10
        
11
        
12