Проверка формы
Здравствуйте!
Помогите разобраться с проблемой пожалуйста. Сделал форму для своего сайта. Для проверки вводимых данных использую 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> Код всплывающего окна подсмотрел на забугорном форуме, единственное что заменил обычное алерт сообщение, используемое автором, на более приятное глазу окно. |
Часовой пояс GMT +3, время: 07:36. |