Форма обратной связи Bootstrap с php и ajax
Everithing работал правильно, пока мой Adobe Dreamweaver не рухнул
Теперь формы не работают. Я проверил все:
1) правильный ajax (form-scripts.js)
2) правильные php-файлы (каждая форма имеет свой собственный php-файл, пример: # contactForm1 имеет form-process1.php)
3) ссылки верны
Когда вы пытаетесь отправить любую форму, ajax получает последние данные формы в form-scripts.js. Но за день до того, как все работало с этим кодом, я ничего не изменил.
Когда форма работает, она выделяет поля с ошибками или без данных, выдает справочные сообщения под полем и под кнопкой отправки. Когда форма была отправлена, она выдает сообщение под кнопкой отправки.
Не могу найти ошибку.
Сайт: http://woodartlab.ru/
Ценю любые ответы. Благодарю.
Пример HTML-формы:
<form role="form" id="contactForm4" method="post" enctype="multipart/form-data" data-toggle="validator">
<div class="row">
<div class="form-group-lg col-sm-12">
<label for="name">Ваше имя:</label>
<input type="text" class="form-control" id="name4" name="name4" placeholder="Имя" minlength="2" maxlength="30" required data-error="Как мы можем к вам обратиться?" >
<div class="help-block with-errors"></div>
</div>
<div class="form-group-lg col-sm-12">
<label for="tel">Ваш контактный телефон:</label>
<input type="tel" class="form-control" id="phone4" name="phone4" placeholder="+7 (XXX) XXX-XX-XX" required data-error="На какой номер вам можно перезвонить?">
<div class="help-block with-errors"></div>
</div>
<div class="form-group-lg col-sm-12">
<label for="email">Email адрес:</label>
<input type="email" class="form-control" id="email4" name="email4" placeholder="[email protected]" required data-error="На какой EMAIL отправить варианты макета?">
<div class="help-block with-errors"></div>
</div>
<div class="form-group-lg col-sm-12">
<label for="styles4" class="control-label">Стиль обработки:</label>
<select class="form-control" id="styles4" name="styles4">
<option value="Постер">Постер</option>
<option value="Исторический портрет">Исторический портрет</option>
<option value="Цветокоррекция и фильтры">Цветокоррекция и фильтры</option>
<option value="Коллаж">Коллаж</option>
<option value="Модульная картина">Модульная картина</option>
</select>
</div>
<div class="form-group-lg col-sm-12">
<label for="sizes4" class="control-label">Размер:</label>
<select class="form-control" id="sizes4" name="sizes4">
<optgroup label="Квадратные:">
<option value="10x10">10x10</option>
<option value="15x15">15x15</option>
<option value="20x20">20x20</option>
<option value="25x25">25x25</option>
<option value="30x30" >30x30</option>
</optgroup>
<optgroup label="Прямоугольные:">
<option value="10x10">10x15</option>
<option value="15x20">15x20</option>
<option value="15x25">15x25</option>
<option value="15x30">15x30</option>
<option value="15x40">15x40</option>
<option value="15x45">15x45</option>
<option value="20x25">20x25</option>
<option value="20x30">20x30</option>
<option value="20x40">20x40</option>
<option value="20x45">20x45</option>
<option value="25x30">25x30</option>
<option value="25x40">25x40</option>
<option value="20x45">20x45</option>
<option value="30x35">30x35</option>
<option value="30x45">30x45</option>
</optgroup>
<optgroup label="Составные/Модульные:">
<option value="Модульная/Составная - 3 шт.">3 шт.</option>
<option value="Модульная/Составная - 4 шт.">4 шт.</option>
<option value="Модульная/Составная - 5 шт.">5 шт.</option>
<option value="Модульная/Составная - 6 шт.">6 шт.</option>
<option value="Модульная/Составная - 7 шт.">7 шт.</option>
<option value="Модульная/Составная - 8 шт.">8 шт.</option>
<option value="Модульная/Составная - более 8 шт.">более 8 шт.</option>
</optgroup>
</select>
</div>
</div>
<div class="form-group-lg col-sm-12">
<p class="small">Мы не передаем ваши контактные данные третьим лицам. Соблюдаем Политику конфиденциальности персональных данных.</p>
</div>
<div class="form-group-lg col-sm-12">
<button type="submit" id="form-submit4" class="btn btn-primary bg-block btn-lg">Отправить заявку</button>
</div>
<div id="msgSubmit4" class=" text-center hidden"></div>
<div class="clearfix"></div>
</form>Решение
Вы можете иметь только одну (!) Реализацию для одного и того же имени функции в одной и той же области видимости. Таким образом, вы можете иметь только одну функцию SubmitForm (). Последнее определение используется при вызове метода SubmitForm (), поэтому он всегда выполняет код, который вы указали последним в своем файле .js.
Самым простым решением было бы назвать функции по-другому. SubmitContactForm1 (), SubmitContactForm2 (), ….
Другие решения
Других решений пока нет …