Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Обработка формы обратной связи


Recommended Posts

Есть форма для заполнения и сам обработчик на ajax. Письмо на почту приходит, но на сайте визуально не видно, что письмо отправлено и не происходит сброса заполненных полей. В стандартной форме на странице Контакты после отправки запроса , перебрасывает на страницу СПАСИБО. Тут этого не происходит. Почему? Возможно аякс обработчик неправильно написан ... 

 

<div class="container">
<div class="row">
<div class="panel  contactm">
<div class="panel-heading1 carousel-module-row-header"> <?php echo $heading_title; ?></div>
<div class="panel-body ">
 
<form  class="form-horizontal" id="form-contactm">
<fieldset>
<div class="col-sm-6 form-group required ">
   <label class="  control-label  " id="textInput" for="input-name"><?php echo $entry_name; ?>
  </label>
   <input type="text" placeholder="Петров Григорий Иванович" name="name" value="" id="input-name" class="form-control" />
   <label   class="control-label  " id="textInput" for="input-company"><?php echo $entry_company; ?>
  </label>
   <input type="text" placeholder="Котлы+" name="company" value="" id="input-company" class="form-control" />
   <label class="  control-label  " id="textInput" for="input-position"><?php echo $entry_position; ?>
  </label>
   <input type="text" placeholder="ИНН" name="position"  value="" id="input-position" class="form-control" /> 
   <label class="  control-label  " for="input-address"><?php echo $entry_address; ?>
  </label>
   <input type="text" placeholder="г. Донецк, пр. Ленина, 37а" name="address"  value="" id="input-address" class="form-control" /> 
   <label class="  control-label  " for="input-phone"><?php echo $entry_phone; ?>
  </label>
   <input type="text" placeholder="8 (928) 111-11-11" name="phone"  value="" id="input-phone" class="form-control" /> 
   <label class="  control-label  " for="input-email"><?php echo $entry_email; ?>
  </label>
   <input type="text" placeholder="[email protected]" name="email"  value="" id="input-email" class="form-control" /> 
   <label class=" control-label" for="input-enquiry"><?php echo $entry_enquiry; ?>
  </label>
   <textarea name="enquiry" rows="10" id="input-enquiry" class="form-control"></textarea>
   
    <div class="forms_row">
        <input type="checkbox" class="checkbox_new" name="need1" value="Требуется рекламная поддержка ">
        <label class="diler1" for="input-need1">
            <?php echo $entry_need1; ?>
        </label>
    </div>

    <div class="forms_row">
        <input type="checkbox" class="checkbox_new" name="need2" value=" Требуется консультация по особенности продукции">
        <label class="diler1" for="input-need2">
            <?php echo $entry_need2; ?>
        </label>
    </div>
   </div>
				
<div class="form-group required">
    <div class="col-sm-6">
        <div class="panel-heading2">
            <?php echo $h4_title; ?>
        </div>
    </div>

    <div class="col-sm-6">
        <div class="forms_row">
            <input type="checkbox"  class="check-box1" name="sales1" value=" Промышленные котлы">
            <label class="diler1"  for="input-sales1 ">
                <?php echo $entry_sales1; ?>
            </label>
        </div>

        <div class="forms_row">
            <input type="checkbox"  class="checkbox_new" name="sales2" value=" Бытовые котлы ">
            <label class="diler1" for="input-sales2">
                <?php echo $entry_sales2; ?>
            </label>

        </div>

        <div class="forms_row">
            <input type="checkbox" class="checkbox_new" name="sales3" value=" Проектирование котельных">
            <label class="diler1" for="input-sales3">
                <?php echo $entry_sales3; ?>
            </label>
        </div>

        <div class="forms_row">
            <input type="checkbox" class="checkbox_new" name="sales4" value=" Монтаж котельных">
            <label class="diler1" for="input-sales4">
                <?php echo $entry_sales4; ?>
            </label>
        </div>

        <div class="forms_row">
            <input type="checkbox" class="checkbox_new" name="sales5" value="Поставки топлива">
            <label class="diler1" for="input-sales5">
                <?php echo $entry_sales5; ?>
            </label>
        </div>
 
        </fieldset>

        <div class="col-sm-12">

            <div class="policy_dealer">
                <p class="policy_dealer_item" style="font-size: 12px">
                    Нажимая на кнопку, вы даете согласие на обработку своих персональных данных
                </p>
                <a href=" " class="policy_dealer_link" target="_blank">Пользовательское соглашение</a>
            </div>

            <div class="buttons">

                <input type="button" class="btn-diler btn-diler2 submit" value="<?php echo $button_submit; ?>" />

            </div>		
			  
        </div>
        </div>
        </form>
</div>
</div>
</div>
</div>
</div>
 
 


<script type="text/javascript">

$('.contactm .submit').on('click', function() {
	$.ajax({
		url: 'index.php?route=extension/module/contactm/send',
		type: 'post',
		dataType: 'json',
		data: $("#form-contactm").serialize(),
		beforeSend: function() {},
		complete: function() {},
		success: function(json) {
			$('.alert-success, .alert-danger').remove();

			if (json['error']) {
				$('.buttons').before('<div class="alert alert-danger col-sm-offset-2 col-sm-10  text-center"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '</div>');
			}

			if (json['success']) {
				$('.buttons').before('<div class="alert alert-success col-sm-offset-2 col-sm-10  text-center"><i class="fa fa-check-circle"></i> ' + json['success'] + '</div>');

			}
		}
	});
});

</script>

 

Надіслати
Поділитися на інших сайтах


17 часов назад, 55554444 сказал:

Почему? Возможно аякс обработчик неправильно написан ... 

Потому что Вы не дописали что должно происходить после выполнения отправки.

17 часов назад, 55554444 сказал:

if (json['success']) { $('.buttons').before('<div class="alert alert-success col-sm-offset-2 col-sm-10 text-center"><i class="fa fa-check-circle"></i> ' + json['success'] + '</div>'); }

Вот в этой проверке добавьте что хотите чтоб происходило. Толи это будет переадресация на страницу, то ли очистка формы и какое-то сообщение.

Сейчас у Вас после кнопки выводиться какое-то сообщение, исходя из кода.

17 часов назад, spectre сказал:

if (json['success']) {

и там уже пишите что хотите где хотите

Тут правильно Вам ответили, так как нет исходных данных, что Вы хотите чтоб было.

46 минут назад, 55554444 сказал:

и как хотите, и вообще это ваши проблемы... наверное это имеет такое продолжение.

В принципи да. Вы вначале определитесь с тем что должно происходить. Или переадресация на страницу или очистка формы

 

Если отправка на страницу, то нужно использовать location.href = '...'

Если очищать форму, то нужно использовать $('form[name=myForm]').trigger('reset'); или document.myForm.reset();

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.