先上图，最终效果如下

点击“信息确认”

就是弹出一个确认窗口，把已经填报的信息都放到里面看看。

信息放里面很简答，主要是弹出窗口要做得好看点。

所以选择了jQuery+jqmodal实现

实现方法如下

1、页面中引用jquery-1.4.2.js和jqModal.js，注意jQuery要在前面，因为jqmodal是以jQuery为基础的。

2、建立jqModal.css，并引用，主要是些美工的东东，注意div.jqmDialog 的  display为 none。高度和宽度要设置好，挡住下面的，好看~~，我偷个懒，把jqmodal示例的css稍微改了下：）如下：

1. /*div.whiteOverlay { background: url(dialog/jqmBG.gif) white; }*/ 
2. div.jqDrag {cursor: move;} 
3.  
4. /* jqmModal dialog CSS courtesy of; 
5.   Brice Burgess <bhb@iceburg.net> */ 
6.  
7. div.jqmDialog { 
8.   display: none; 
9.      
10.     position: fixed; 
11.     top: 106px; 
12.     left: 50%; 
13.      
14.     margin-left: -450px; 
15.   width: 900px; 
16.  
17.   overflow: hidden; 
18.   font-family:verdana,tahoma,helvetica; 
19. } 
20.  
21. /* Fixed posistioning emulation for IE6 
22.      Star selector used to hide definition from browsers other than IE6 
23.      For valid CSS, use a conditional include instead */ 
24. * html div.jqmDialog { 
25.      position: absolute; 
26.      top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); 
27. } 
28.  
29.  
30. /* [[[ Title / Top Classes ]]] */ 
31. div.jqmdTC {  
32.   background: #d5ff84 url(dialog/sprite.gif) repeat-x 0px -82px;  
33.   color: #528c00; 
34.   padding: 7px 22px 5px 5px; 
35.   font-family:"sans serif",verdana,tahoma,helvetica; 
36.   font-weight: bold; 
37.   * zoom: 1; 
38. } 
39. div.jqmdTL { background:  url(dialog/sprite.gif) no-repeat 0px -41px; padding-left: 3px;} 
40. div.jqmdTR { background: url(dialog/sprite.gif) no-repeat right 0px; padding-right: 3px; * zoom: 1;} 
41.  
42.  
43. /* [[[ Body / Message Classes ]]] */ 
44. div.jqmdBC { 
45.   background: url(dialog/bc.gif) repeat-x center bottom; 
46.   padding: 7px 7px 7px; 
47.   height: 630px; 
48.   overflow: auto; 
49. } 
50. div.jqmdBL { background: url(dialog/bl.gif) no-repeat left bottom; padding-left: 7px; } 
51. div.jqmdBR { background: url(dialog/br.gif) no-repeat right bottom; padding-right: 7px; * zoom: 1 } 
52.  
53. div.jqmdMSG { color: #317895; font-size:large; } 
54.  
55.  
56. /* [[[ Button classes ]]] */ 
57. input.jqmdX { 
58.   position: absolute; 
59.   right: 7px; 
60.   top: 4px; 
61.   padding: 0 0 0 19px; 
62.   height: 19px; 
63.   width: 0px; 
64.   background: url(dialog/close.gif) no-repeat top left; 
65.   overflow: hidden; 
66. } 
67. input.jqmdXFocus {background-position: bottom left; outline: none;} 
68.  
69. div.jqmdBC button, div.jqmdBC input[type="submit"] { 
70.   margin: 8px 10px 4px 10px; 
71.   color: #777; 
72.   background-color: #fff; 
73.   cursor: pointer; 
74. } 
75.  
76. div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; } 

3、在网页里面建立弹出窗口的div，注意class="jqmDialog"（就是css里面隐藏的那个）
4、在这个div里面把需要显示的东东整好~~过程略：）
5、建立jquerywin.js并引用，注意放到jqmodal引用的后面，原因同上~~，代码如下：

1. $().ready(function() { 
2.   $('#ex3a').jqm({ 
3.     trigger: '#ex3aTrigger', 
4.     overlay: 30, /* 0-100 (int) : 0 is off/transparent, 100 is opaque */ 
5.     overlayClass: 'whiteOverlay'}); 
6.      /* make dialog draggable, assign handle to title */ 
7.    
8.   // Close Button Highlighting. IE doesn't support :hover. Surprise? 
9.   $('input.jqmdX') 
10.   .hover( 
11.     function(){ $(this).addClass('jqmdXFocus'); },  
12.     function(){ $(this).removeClass('jqmdXFocus'); }) 
13.   .focus(  
14.     function(){ this.hideFocus=true; $(this).addClass('jqmdXFocus'); }) 
15.   .blur(  
16.     function(){ $(this).removeClass('jqmdXFocus'); }); 
17.  
18. }); 
19. 6、注意，里面设置了一个trigger，可以出发弹出窗口，也可以不用trigger，直接使用js出发，方法如下： 
20. <script type="text/javascript" language=javascript> 
21. function showjqm(){ 
22. if(document.all.txtTIME_KUAIJI.value!=""){ 
23. document.all.txtTIME_KUAIJI0.style.color="#317895"; 
24. document.all.txtTIME_KUAIJI0.innerHTML=document.all.txtTIME_KUAIJI.value;} 
25. else{ 
26. document.all.txtTIME_KUAIJI0.style.color="Red"; 
27. } 
28. if(document.all.txtTIME_BIRTH.value!=""){ 
29. document.all.txtTIME_BIRTH0.style.color="#317895"; 
30. document.all.txtTIME_BIRTH0.innerHTML=document.all.txtTIME_BIRTH.value;} 
31. else{ 
32. document.all.txtTIME_BIRTH0.style.color="Red"; 
33. } 
34. if( Page_ClientValidate()) 
35. $('#ex3a').jqmShow(); 
36. } 
37.  
38. </script> 

7、在上面的js里面，其实和弹出窗口直接相关的只有一句$('#ex3a').jqmShow(); 其他的都是验证的信息
8、上面的一段js里面，比较重要的还有这句if( Page_ClientValidate()) ，可以在弹出窗口之前直行页面中所有验证控件的验证工作。