Hi.
I broke the contact form on the medical template - the response is coming back still in Json format.
Can you help me out with your ninja JS skillz?
Live URL:
jewelnet.ltd/s2f
Thanks :)
Hi.
I broke the contact form on the medical template - the response is coming back still in Json format.
Can you help me out with your ninja JS skillz?
Live URL:
jewelnet.ltd/s2f
Thanks :)
Hello,
Please find and remove the following code on your Page:
$("#template-medical-form").validate({
submitHandler: function(form) {
var formButton = $(form).find('button'),
formButtonText = formButton.html();
formButton.prop('disabled', true).html('<i class="icon-line-loader icon-spin norightmargin"></i>');
$(form).ajaxSubmit({
target: '#medical-form-result',
success: function() {
formButton.prop('disabled', false).html(formButtonText);
$(form).find('.form-control').val('');
$('#medical-form-result').attr('data-notify-msg', $('#medical-form-result').html()).html('');
SEMICOLON.widget.notifications($('#medical-form-result'));
}
});
}
});and change the .subscribe-widget Class from the Form to .contact-widget Class.
This should definitely fix your issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thanks for the guidance :)
I did that, but now have the result:
'please set a message'.
Can you advise?
Thanks :)
Hello,
The Codes you are using for your Form is incorrect. Please find the following code on your Page:
<form class="contact-widget nobottommargin" id="template-contactform" name="template-contactform" action="include/sendemail.php" method="post">
<div class="col_half">
<label for="template-contactform-name">Name:</label>
<input type="text" id="template-contactform-name" name="template-contactform-name" class="form-control not-dark required" value="">
</div>
<div class="clear"></div>
<div class="col_half">
<label for="template-contactform-email">Email Address:</label>
<input type="email" id="template-contactform-email" name="template-contactform-email" class="form-control not-dark required" value="">
</div>
<div class="col_half col_last">
<label for="template-contactform-phone">Phone:</label>
<input type="text" id="template-contactform-phone" name="template-contactform-phone" class="form-control not-dark required" value="">
</div>
<div class="clear"></div>
<div class="col_full nobottommargin col_last">
<label style="width:100%;" for="template-contactform-message">Work Required:</label>
<textarea id="template-contactform-message" name="template-contactform-message" class="form-control not-dark required" cols="30" rows="5" required></textarea>
</div>
<div class="clear"></div>
<div class="col_full hidden">
<input type="text" name="template-contactform-botcheck" value="" />
</div>
<div class="col_full bottommargin-lg">
<input type="hidden" name="template-contactform-leave-empty" value="">
<div class="g-recaptcha" data-sitekey="6LcKLR4UAAAAACA3CzNzANPM-20DGVPMijHYtMWc"></div>
</div>
<div class="col_full topmargin-sm nobottommargin">
<button class="button button-rounded button-white button-light nomargin" type="submit" value="submit">Send Request</button>
</div>
<div class="clear"></div>
</form>and replace it with:
<div class="contact-widget" data-loader="button">
<div class="contact-form-result"></div>
<form class="nobottommargin" id="template-contactform" name="template-contactform" action="include/sendemail.php" method="post">
<div class="col_half">
<label for="template-contactform-name">Name:</label>
<input type="text" id="template-contactform-name" name="template-contactform-name" class="form-control not-dark required" value="">
</div>
<div class="clear"></div>
<div class="col_half">
<label for="template-contactform-email">Email Address:</label>
<input type="email" id="template-contactform-email" name="template-contactform-email" class="form-control not-dark required" value="">
</div>
<div class="col_half col_last">
<label for="template-contactform-phone">Phone:</label>
<input type="text" id="template-contactform-phone" name="template-contactform-phone" class="form-control not-dark required" value="">
</div>
<div class="clear"></div>
<div class="col_full nobottommargin col_last">
<label style="width:100%;" for="template-contactform-message">Work Required:</label>
<textarea id="template-contactform-message" name="template-contactform-message" class="form-control not-dark required" cols="30" rows="5" required></textarea>
</div>
<div class="clear"></div>
<div class="col_full hidden">
<input type="text" name="template-contactform-botcheck" value="" />
</div>
<div class="col_full bottommargin-lg">
<input type="hidden" name="template-contactform-leave-empty" value="">
<div class="g-recaptcha" data-sitekey="6LcKLR4UAAAAACA3CzNzANPM-20DGVPMijHYtMWc"></div>
</div>
<div class="col_full topmargin-sm nobottommargin">
<button class="button button-rounded button-white button-light nomargin" type="submit" value="submit">Send Request</button>
</div>
<div class="clear"></div>
</form>
</div>This should definitely fix your issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard