ajaxForm does not display messages about the successful submission of the form

1

Good evening. I do not receive a message about the successful submission of the form. Messages are coming.

  <form action="[[~[[*id]]]]" method="post" class="contact-form-validated contact-one__form ">
  <input type="hidden" name="pagetitle" value="[[*pagetitle]]">
                            <div class="row">
							
                                <div class="col-lg-6">
                                   <input type="text" id="af_name" name="name" value="[[+fi.name]]" placeholder="ФИО" class="form-control"/>
            <span class="error_name">[[+fi.error.name]]</span>
                                </div><!-- /.col-lg-6 -->
								
                                <div class="col-lg-6">
                                    <input type="email" id="af_email" name="email" value="[[+fi.email]]" placeholder="Электронная почта" class="form-control"/>
            <span class="error_email">[[+fi.error.email]]</span>
                                </div><!-- /.col-lg-6 -->
                                <div class="col-lg-6">
                                    <input type="text" for="%af_label_phone"  id="af_phone" name="phone" value="[[+fi.phone]]"  placeholder="Телефон" required>
									<span class="error_phone">[[+fi.error.phone]]</span>
                                </div><!-- /.col-lg-6 -->
                                <div class="col-lg-12">
                                    <textarea id="af_message" name="message" class="form-control" rows="5">[[+fi.message]]</textarea>
            <span class="error_message">[[+fi.error.message]]</span>
                                </div><!-- /.col-lg-12 -->
								 <div class="col-lg-12">
                                  <label>
      <input type="checkbox" name="soglasie" required=""> <span>Согласен на обработку персональных данных</span><br/>
      <span class="error">[[+fi.error.opd]]</span>
    </label>
	
 	<p>Ставя отметку, я даю  - <a href="[[~17]]" rel="nofollow" target="_blank">согласие на обработку моих персональных данных</a> -  в соответствии с - <a href="[[~16]]" rel="nofollow" target="_blank">Политикой конфиденциальности</a>- и в соответствии с законом N 152-ФЗ «О персональных данных» от 27.07.2006 г.</p>    
                                </div><!-- /.col-lg-12 -->
                                <div class="col-lg-12">
			<button type="reset" class="thm-btn contact-one__btn">[[%af_reset]]</button>
            <button type="submit" class="thm-btn contact-one__btn">[[%af_submit]]</button>
                                </div><!-- /.col-lg-12 -->
                            </div><!-- /.row -->
							[[+fi.success:is=`1`:then=`
    <div class="alert alert-success">[[+fi.successMessage]]</div>
    `]]
    [[+fi.validation_error:is=`1`:then=`
    <div class="alert alert-danger">[[+fi.validation_error_message]]</div>
    `]]
                        </form><!-- /.contact-one__form -->

[[!AjaxForm?
  &form=`tpl.AjaxForm.example4`
  &snippet=`FormIt`
  &hooks=`FormItSaveForm,email,validate`
  &emailSubject=`Новое сообщение с сайта [[++site_url]]`
  &emailTo=`site@site.com`
  &emailFrom=`site@site.com` 
  &emailTpl=`tpl.email`
  &validate=`name:required,email:required,message:required` 
  &validationErrorMessage=`В форме содержатся ошибки!`
  &successMessage=`<h2>Сообщение успешно отправлено</h2>`
]]
[[!+fi.successMessage]]

page

2

AjaxForm uses jGrowl to show the success message on screen.
Maybe check the source code of your site to see if the jGrowl file (jquery.jgrowl.min.js) gets added correctly.

Also open the developer tools in the browser, go to the “Network” tab and then send the form.
A new request should appear (URL = assets/components/ajaxform/action.php). Is the success message as the value of “message” in the JSON response?

3

Also, the development of AjaxForm it discontinued.
For new sites, use FetchIt instead.

1 Like
4

I didn’t see such a URL path = assets/components/ajaxform/action.php action there is no jquery in the code.jgrowl.min.js

5

thank you. I’ll know [FetchIt]