Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.06.2014, 16:38
Новичок на форуме
Отправить личное сообщение для MyBordOf Посмотреть профиль Найти все сообщения от MyBordOf
 
Регистрация: 04.11.2013
Сообщений: 7

Форма заявки
Добрый день!
Имеется такая вот форма заявки.
Обязательно поле для заполнения - это телефон!
Как изменить скрипт код, чтоб обязательными были поля Имя и email? ПОДСКАЖИ ПОЖАЛУЙСТА!!

<style>
    input#phone.input_name {border:1px solid #666666; }
    input#phone.input_name.error {border:1px solid #000; background: none repeat scroll 0% 0% rgb(240, 190, 190);}
    </style>    
 
        <script type="text/javascript">
    
    function validateEmail(email) { 
        var reg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        return reg.test(email);
    }
 
 
    $(document).ready(function() {
 
        $("#contact").submit(function() { return false; });
 
        
        $("#send").on("click", function(){
            var emailval  = $("#name").val();
            var msgval    = $("#phone").val();
      var msgval3    = $("#email2").val();
            var msgval2    = $("#spam").val();
            var msglen    = msgval.length;
                        var msglen3    = msgval.length;
            var msglen2    = msgval2.length;
            var mailvalid = validateEmail(emailval);
            
            if(msglen2 < 1) {
                $("#spam").addClass("error");
            }
            else if(msglen2 >= 0){
                $("#spam").removeClass("error");
            }
            
            
            if(msglen < 6) {
                $("#phone").addClass("error");
            }
            else if(msglen >= 6){
                $("#phone").removeClass("error");
            }
            
            if(msglen >= 6 && msglen2 >= 0) {
            
                // если обе проверки пройдены
                // сначала мы скрываем кнопку отправки
                $("#send").replaceWith("Выполняется отправка сообщения...");
                
                $.ajax({
                    type: 'POST',
                    url: '<?php get_theme_url(); ?>/sendmessage.php',
                    data: $("#contact").serialize(),
                    success: function(data) {
                        if(data == "true") {
                            $("#contact").fadeOut("fast", function(){
                                $(this).before("<br><p style='text-align: center;'><span style='font-size: 14px;'>Спасибо, Ваше сообщение успешно отправлено!</span><br /></p>");
                            });
                        }
                    }
                });
            }
        });
    });
</script>


<form id="contact" name="contact" action="#" method="post" class="center">
<table cellspacing="3" cellpadding="2" style="margin-left: -26px; margin-top:21px; font-size: 14px; width: 100%;">
<tr>
<td style="text-align: right;">Ваше имя:</td> 
<td><input class="input_name" required type="text" id="name" name="name" value=""/></td>
</tr>
 
<tr>
<td style="text-align: right;">Ваш email:</td> 
<td><input class="input_name" required type="text" id="email" name="email" value=""/></td>
</tr>
 
<tr>
<td style="text-align: right;">Ваш телефон:</td> 
<td><input class="input_name" required type="text" id="phone" name="phone" value=""/></td>
</tr>
<input style="display:none;" class="input_name" type="text" id="spam" name="spam" value=""/>
</table>
<button id="send"></button>
</form>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Форма отправки сообщения с сайта hardwolf Элементы интерфейса 17 24.10.2016 15:00
откуда была отправлена форма ? avanesov89 Общие вопросы Javascript 3 16.04.2014 17:50
Не передается форма в выводе результатов через ajax tot18 AJAX и COMET 4 06.03.2014 16:15
не работает форма в окне, вызванном jquery page slide ikar jQuery 0 31.07.2011 22:55
Всплывающая форма в центре страницы для гостевой книги angel-13th Элементы интерфейса 8 05.02.2011 20:10