首页 > 代码库 > 关于Artdialog插件中获取内部表单元素值的使用心得
关于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 });
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。