名客技术网

简体
繁体
×警告!请输入搜索关键词(仅提示一次)
网站建设电话:15927179345(资深程序)

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

作者:网站小编时间:2019-05-27 09:05:40

在开发中既需要artdialog插件的美观大方,又需要自定义功能,所以就出现了以下情况(废话不多说,转入正题)

<input type="button" class="ontest" value="免费询盘"/>
                            <div style="display:none;clear:both;">
                                <table>
                                    <tr>
                                        <td>姓名:</td>
                                        <td><input type="text" name="username" class="username" /></td>
                                        <td style="color:#f00;"></td>
                                    </tr>
                                    <tr>
                                        <td>手机号码:</td>
                                        <td><input type="text" name="phonenum" class="phonenum" /></td>
                                        <td style="color:#f00;"></td>
                                    </tr>
                                    <tr>
                                        <td>邮箱地址:</td>
                                        <td><input type="text" name="email" class="email" /></td>
                                        <td style="color:#f00;"></td>
                                    </tr>
                                    <tr>
                                        <td>询盘信息:</td>
                                        <td><textarea rows="3" cols="60" class="content">我对002楼盘比较感兴趣,希望能获得信息咨询或信息帮助。</textarea></td>
                                        <td style="color:#f00;"></td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td><input type="hidden" name="number" class="number" value="002"/></td>
                                    </tr>
                                </table>
                            </div>
javascript 代码:

$('.ontest').click(function(){
            art.dialog({
                title: '免费询盘',
                content: $(this).next().html(),
                lock: true,
                left: '50%',
                top: '50%',
                width: 800,
                height: 'auto',
                fixed: false,
                cancelVal: '关闭',
                cancel: true,
                button:[{name:"提交",callback:function(){

                    if($(this.content()).find('.username').val().trim()=='')
                    {
                        $(this.content()).find('.username').parent().next().html('姓名不能为空');
                        $(this.content()).find('.username').parent().next().addClass('false');
                    }

                    if($(this.content()).find('.email').val().trim()=='')
                    {
                        $(this.content()).find('.email').parent().next().html('Email不能为空');
                        $(this.content()).find('.email').parent().next().addClass('false');
                    }

                    if($(this.content()).find('.content').val().trim()=='')
                    {
                        $(this.content()).find('.content').parent().next().html('内容不能为空');
                        $(this.content()).find('.content').parent().next().addClass('false');
                    }
                    if($(this.content()).find('.false').length>0)
                    {
                        return false;
                    }
                    
                    var number=$(this.content()).find('.number').val();
                    var name=$(this.content()).find('.username').val();
                    var phonenum=$(this.content()).find('.phonenum').val();
                    var email=$(this.content()).find('.email').val();
                    var content=$(this.content()).find('.content').val();

                    $.ajax({
                        type:"POST",
                        url:"font/font_ajax.php",
                        data:"action=query&number="+bumber+"&name="+name+"&phonenum="+phonenum+"&email="+email+"&content="+content,
                        dataType:"html",
                        success:function(data)
                        {
                            alert(data);
                            }
                        });
                    }}]
        });
    });

名客技术网如果无意之中侵犯了您的版权,请联系站长,本站将在3个工作日内删除 QQ:175352796
Copyright 2011-2020 Powered by 121ASK.COM, All Rights Reserved.
备案号:鄂ICP备11013833号-3