关于Artdialog插件中获取内部表单元素值的使用心得

在开发中既需要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     });

关于Artdialog插件中获取内部表单元素值的使用心得