Javascript.RU

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

Проверка формы
Здравствуйте!
Помогите разобраться с проблемой пожалуйста.
Сделал форму для своего сайта. Для проверки вводимых данных использую JQuery плагин JQuery Validate http://bassistance.de/jquery-plugins...in-validation/
После удачно введённых данных вывожу окно с сообщением. Проблема в том, что после нажатия "отправить" всплывающе оконо появляется, но данные в PHP скрипт не передаются.
Форма:
form id="ContactForm" method="post" action="form.php">
                    <p>
                        <label for="first_name">Nom et prénom</label><br>
                        <input  id="first_name" name="fname" class="required"><br>
                    <p>
                    <p>
                        <label for="lname">Dénomination de l'entreprise</label><br>
                        <input  id="lname" name="lname" class="required"><br>
                    <p>
                    <p>
                        <label for="phone">Téléphone</label><br>
                        <input  id="phone" name="phone" class="required"><br>
                    <p>
                    <p>
                        <label for="ccomment">Bref exposé de votre demande</label><br>
                        <textarea id="ccomment" name="comment" rows="10" cols="15" class="required"></textarea><br>
                    </p>
                    <p>
                        <input class="submit" type="image" src="images/button.png" value="Submit">
                    </p>
                </form>

Код проверки данных и всплывающее окно:
<script type="text/javascript">
                $.validator.setDefaults({
                    submitHandler: function showBox()
                        {  
                            var width = document.documentElement.clientWidth + document.documentElement.scrollLeft; 

                            var layer = document.createElement('div');
                            layer.style.zIndex = 2;
                            layer.id = 'layer';
                            layer.style.position = 'absolute';
                            layer.style.top = '0px';
                            layer.style.left = '0px';
                            layer.style.height = document.documentElement.scrollHeight + 'px';
                            layer.style.width = width + 'px';
                            layer.style.backgroundColor = 'black';
                            layer.style.opacity = '.6';
                            layer.style.filter += ("progid:DXImageTransform.Microsoft.Alpha(opacity=60)");
                            document.body.appendChild(layer);  
    
                            var div = document.createElement('div');
                            div.style.zIndex = 3;
                            div.id = 'box';
                            div.style.position = (navigator.userAgent.indexOf('MSIE 6') > -1) ? 'absolute' : 'fixed';
                            div.style.top = '300px';
                            div.style.left = (width / 2) - (400) + 'px'; 
                            div.style.height = '30px';
                            div.style.width = '650px';
                            div.style.backgroundColor = 'white';
                            div.style.border = '5px solid #03a5d1';
                            div.style.padding = '20px';
                            document.body.appendChild(div);  
    
                            var p = document.createElement('p');
                            p.innerHTML = 'Votre message a bien été transmis. Un avocat vous recontactera dans les plus brefs délais.';
                            div.appendChild(p);
    
                            var a = document.createElement('a');
                            a.innerHTML = 'X';
                            a.href = 'java script:void(0)';
                            a.onclick = function() 
                            {
                            document.body.removeChild(document.getElementById('layer'));
                            document.body.removeChild(document.getElementById('box'));
                            };
      
                            div.appendChild(a);
                            }
                        });

                $().ready(function() {
                    $("#ContactForm").validate();
                });
            </script>

Код всплывающего окна подсмотрел на забугорном форуме, единственное что заменил обычное алерт сообщение, используемое автором, на более приятное глазу окно.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проверка полей отправляемой формы. denisOgr jQuery 6 18.10.2010 18:40
Проверка наличия текста в поле формы Glook jQuery 6 16.07.2010 18:46
Простая проверка формы. Добавить "динамики". Jurasmi Элементы интерфейса 3 07.04.2010 15:48
Проверка и отправка данных из формы Катерина Общие вопросы Javascript 2 25.03.2010 15:56
проверка данных формы Zzet jQuery 3 31.07.2009 21:05