Проверка формы

[markilfin]

Здравствуйте!

Помогите разобраться с проблемой пожалуйста.

Сделал форму для своего сайта. Для проверки вводимых данных использую JQuery плагин JQuery Validate http://bassistance.de/jquery-plugins/jquer...gin-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>

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

[Great Rash]

Вы предлагаете нам разбираться в коде плагина? Качните другой валидатор форм если вас этот не устраивает или напишите свой. Уж валидировать данные с форм труда особого не составляет.

[psywalker]

А какие данные должны пройти проверку?

[SelenIT]

сорри, поторопился

Edited November 3, 2010 by SelenIT