对话框（dialog）是一个特殊类型的窗口，它在顶部有一个工具栏，在底部有一个按钮栏。默认情况下，对话框（dialog）只有一个显示在头部右侧的关闭工具。用户可以配置对话框行为来显示其他工具（比如：可折叠 collapsible、可最小化 minimizable、可最大化 maximizable，等等）。
你可以直接调用这个dialog中的关闭方法$('#dialogDiv').dialog({ onClose:function(){ alert('dlg closed'); }, onOpen:function(){ alert('dlg Open'); }, });
对话框（dialog）是一个特殊类型的窗口，它在顶部有一个工具栏，在底部有一个按钮栏。默认情况下，对话框（dialog）只有一个显示在头部右侧的关闭工具。用户可以配置对话框行为来显示其他工具（比如：可折叠 collapsible、可最小化 minimizable、可最大化 maximizable，等等）。
你可以直接调用这个dialog中的关闭方法$('#dialogDiv').dialog({ onClose:function(){ alert('dlg closed'); }, onOpen:function(){ alert('dlg Open'); }, });
1，在表单subimt事件里用ajax提交表单内容，然后return false；阻止自动表单形式提交
2，把sumbit提交按钮改成button，用button按钮的click事件触发ajax提交表单
剩下的就是ajax的事情了
data:'表单数据(可用serialize序列化表单数据)'，
//dosomething 根据服务器后台返回的内容 提示相应的信息
一个基本的弹出层应该满足以下需求：
1、点击按钮/链接触发弹出层，弹出层应该有半透明的遮罩层；
2、点击弹出层的关闭按钮、取消按钮或者遮罩层会关闭隐藏弹出层；
3、使用Esc键也可以关闭弹出层；
4、它是响应式的，并且兼容现代主流浏览器。
1、首先我们在页面放置一个用来触发弹出层的链接，也可以是个按钮button，注意的是我们给它设置一个data-show-layer属性，这个属性值对应的就是弹出层的id，也就是说通过data-show-layer来关联弹出层。
2、很显然，上面的链接关联的弹出层的id是hw-layer。那好，选择我们来准备弹出层hw-layer的html代码。