在開發中既需要artdialog插件的美觀大方，又需要自定義功能，所以就出現了以下情況（廢話不多說，轉入正題）
前台代碼：
1 <input type="button" class="ontest" value="免費詢盤"/> 2 <div style="display:none;clear:both;"> 3 <table> 4 <tr> 5 <td>姓名：</td> 6 <td><input type="text" name="username" class="username" /></td> 7 <td style="color:#f00;"></td> 8 </tr> 9 <tr> 10 <td>手機號碼：</td> 11 <td><input type="text" name="phonenum" class="phonenum" /></td> 12 <td style="color:#f00;"></td> 13 </tr> 14 <tr> 15 <td>郵箱地址：</td> 16 <td><input type="text" name="email" class="email" /></td> 17 <td style="color:#f00;"></td> 18 </tr> 19 <tr> 20 <td>詢盤信息：</td> 21 <td><textarea rows="3" cols="60" class="content">我對002樓盤比較感興趣，希望能獲得信息咨詢或信息幫助。</textarea></td> 22 <td style="color:#f00;"></td> 23 </tr> 24 <tr> 25 <td></td> 26 <td><input type="hidden" name="number" class="number" value="002"/></td> 27 </tr> 28 </table> 29 </div>
javascript 代碼：
1 $('.ontest').click(function(){ 2 art.dialog({ 3 title: '免費詢盤', 4 content: $(this).next().html(), 5 lock: true, 6 left: '50%', 7 top: '50%', 8 width: 800, 9 height: 'auto', 10 fixed: false, 11 cancelVal: '關閉', 12 cancel: true, 13 button:[{name:"提交",callback:function(){ 14 15 if($(this.content()).find('.username').val().trim()=='') 16 { 17 $(this.content()).find('.username').parent().next().html('姓名不能為空'); 18 $(this.content()).find('.username').parent().next().addClass('false'); 19 } 20 21 if($(this.content()).find('.email').val().trim()=='') 22 { 23 $(this.content()).find('.email').parent().next().html('Email不能為空'); 24 $(this.content()).find('.email').parent().next().addClass('false'); 25 } 26 27 if($(this.content()).find('.content').val().trim()=='') 28 { 29 $(this.content()).find('.content').parent().next().html('內容不能為空'); 30 $(this.content()).find('.content').parent().next().addClass('false'); 31 } 32 if($(this.content()).find('.false').length>0) 33 { 34 return false; 35 } 36 37 var number=$(this.content()).find('.number').val(); 38 var name=$(this.content()).find('.username').val(); 39 var phonenum=$(this.content()).find('.phonenum').val(); 40 var email=$(this.content()).find('.email').val(); 41 var content=$(this.content()).find('.content').val(); 42 43 $.ajax({ 44 type:"POST", 45 url:"font/font_ajax.php", 46 data:"action=query&number="+bumber+"&name="+name+"&phonenum="+phonenum+"&email="+email+"&content="+content, 47 dataType:"html", 48 success:function(data) 49 { 50 alert(data); 51 } 52 }); 53 }}] 54 }); 55 });