Contact form after reCaptcha not showing success message

Highlighted
Tourist
9 0 0

After submitting the contact form form.posted_successfully? not working or the success message should show after finishing the reCaptcha.

On my end it's just redirecting to the contact page after completing the captcha

bellow is the sample of my code, password is on the title of link if you hover on the link it will show....

link: https://www.designersholidaybazaar.com/pages/contact

 

 

 

 

 

<div class="container container-content mr-zero">
    <div class="zoa-contact-form" style={%if section.settings.bg_type =='Image' %}
         "background-size:cover;background-repeat:no-repeat;background-image: url({% if section.settings.bg_img == blank %}{{'contact_bg.png'|asset_url}}{% else %}{{section.settings.bg_img|img_url:'master'}}{% endif %});"
         {%else%}
         "background:{{section.settings.bg_color}};"
         {%endif%}>
        <div class="row contact-flex">           
            <div class="col-md-5 col-sm-5 col-xs-12">
                <h2 class="contact-title" style="font-weight:bold;">{{section.settings.abus_contact_title}}</h2>
                <p>
                  We’re here to serve! Got questions? Send us a message and we’ll get back to you soonest!
                </p> 
                {% form 'contact' %}
				
                {% if form.posted_successfully? %}
                <div class="alert alert-success alert-dismissible" role="alert">
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <p style="margin-bottom: 5px;">
                    {{ 'contact.form.post_success' | t }}
                  </p>
                </div>
                {% endif %}
                
                {% if form.errors %}
                <div class="alert alert-success alert-dismissible" role="alert">
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <!-- {{ form.errors.size }} or {{ form.errors | size }} -->
                  <p style="margin-bottom: 5px;">Your contact form has {{ form.errors | size | pluralize: "an error", "a few errors" }}. To submit your form, make the following changes and try again:</p>
                  {% for field in form.errors %}
                  <p style="margin-bottom: 5px;">The {{ field | capitalize | replace: 'Body', 'Message' }} field {{ form.errors.messages[field] }}.</p>
                  {% endfor %}
                </div>
                {% endif %}
                <div class="form-customer form-login">
                    <div class="form-group">
                        <input type="text" class="form-control form-account" placeholder="{{section.settings.abus_contact_input1_name}}" required>
                    </div>
                    <div class="form-group">
                        <input type="email" class="form-control form-account" placeholder="{{section.settings.abus_contact_input2_name}}" required>
                    </div>
                    <div class="form-group">
                        <textarea rows="7" name="note" placeholder="{{section.settings.abus_contact_input4_name}}" class="form-control form-account" required></textarea>
                    </div>
                    <div class="btn-button-group mg-top-30 mg-bottom-15">
                        <button type="submit" class="zoa-btn btn-login hover-white">{{section.settings.abus_contact_btn_name}}</button>
                    </div>
                </div>
                {% endform %}
            </div>
             <div class="col-md-7 col-sm-7 col-xs-12 contact-item">
               	<div class="row" id="contact-form-col-row">
                    {% if section.blocks.size > 0 %}
                    {% for block in section.blocks %}
                    	<div class="col-md-12 col-sm-12 col-xs-12 about-element">
                            <h3><img src="{{block.settings.contact_icon | img_url: 'master' }}"/>{{block.settings.text1}}</h3>
                            {{block.settings.text2}}
                        </div>
                    {% endfor %}
                    {% endif %}
                </div>
                  </div>
              </div>
        </div>
    </div>
  </div>

 

 

 

 

 

0 Likes