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