modal old puch

Отправлено planktun от сб, 04/23/2016 - 18:07

            <div id="md_call" >
                <a onclick="$('#md_call').css('display','none')" class="close button"></a>
                <span>Позвоните мне</span>
                <form>
                <div class="modalsucces">Ваше сообщение отправлено!</div>
                <div id="modalwindows">
                    <table>
                        <tr>
                            <td>Обращайтесь ко мне:*</td>
                            <td><input type="text" id="name" placeholder="Иван" /></td>
                        </tr>
                        <!--<tr>
                            <td>Моя почта:</td>
                            <td><input type="text" id="email" placeholder="admin@microsoft.com" /></td>
                        </tr>-->
                        <tr>
                            <td>Телефон:*</td>
                            <td><input type="text" id="telephone" placeholder="+7 900 1234567" /></td>
                        </tr>
                        <tr>
                            <td style="padding-top: 0px;">Сообщение:</td>
                            <td><textarea id="textmodal"></textarea></td>
                        </tr>
                        <tr>
                            <td style="padding-top: 0px;">Удобная дата и<br /> время для беседы:</td>
                            <td>
                                <input id="datepicker" value="<?echo date("d"); echo date("/m/Y");?>" />
                                <select id="selectmodal2">
                                    <option>00.00</option>
                                    <option>01.00</option>
                                    <option>02.00</option>
                                    <option>03.00</option>
                                    <option>04.00</option>
                                    <option>05.00</option>
                                    <option>06.00</option>
                                    <option>07.00</option>
                                    <option>08.00</option>
                                    <option>09.00</option>
                                    <option>10.00</option>
                                    <option>11.00</option>
                                    <option selected="selected">12.00</option>
                                    <option>13.00</option>
                                    <option>14.00</option>
                                    <option>15.00</option>
                                    <option>16.00</option>
                                    <option>17.00</option>
                                    <option>18.00</option>
                                    <option>19.00</option>
                                    <option>20.00</option>
                                    <option>21.00</option>
                                    <option>22.00</option>
                                    <option>23.00</option>
                                </select>
                            </td>
                        </tr>                    
                        <tr>
                            <td>&nbsp;</td>
                            <td><input type="button" value="ЖДУ" onClick="formsend();"/><br /></td>
                        </tr>
                    </table>
                        <div class="modalerror"></div>
                </div>
                </form><br />
            </div>
            <div id="md_call_main" onclick="$('#mdcall').css('display','none')"></div>


    <script type="text/javascript">
        function formsend() {
            $(".modalerror").html("");
            var okno = $("#modalwindows").html();
            var name = $("#name").val();
            var email = $("#email").val();
            var telephone = $("#telephone").val();
            var selectmodal = $("#datepicker").val()+" "+$("#selectmodal2").val();
            var textmodal = $("#textmodal").val();
            var error = 0;

            if (telephone.length < 1) {error = 1; $(".modalerror").html($(".modalerror").html()+"Введите, пожалуйста, хотя бы телефон.<br />");}
            //if (email.length > 5 && !isValidEmail(email)) {error = 1; $(".modalerror").html($(".modalerror").html()+"Вы ввели некорректный e-mail<br />");}
            if (telephone.length > 5 && !numeric(telephone)) {error = 1; $(".modalerror").html($(".modalerror").html()+"Вы ввели некорректный номер телефона<br />");}
            if (error == 0) {

                $.ajax({
                        type: "POST",
                        url: "/include/sendmessage.php",
                        data: "name="+name+"&telephone="+telephone+"&selectmodal="+selectmodal+"&textmodal="+textmodal+"&email="+email,
                        async: false, 
                        cache: false,
                        success: function(html){
                            $(".modalsucces").fadeIn();
                        $("#modalwindows").hide();
                            setTimeout("$('#mdcall').css('display','none');",4000);
                            setTimeout("$('.modalsucces').hide();", 4000);
                            setTimeout("$('#modalwindows').show();", 4000);
                        }
                       });
                $(".modalsucces").fadeIn();
                                $("#modalwindows").hide();
                                setTimeout("$('#mdcall').css('display','none');",4000);
                                setTimeout("$('.modalsucces').hide();", 4000);
                                 setTimeout("$('#md_call').css('display','none')", 4000);
                }
        }

        function numeric(str) {return /^[0-9-\+\(\)\s]+z/.test(str + "z");}
        function isValidEmail(email) {return (/^([a-z0-9_\-]+\.)*[a-z0-9_\-]+@([a-z0-9][a-z0-9\-]*[a-z0-9]\.)+[a-z]{2,4}$/i).test(email);}
    </script>

Теги