Jquery Success/Error Msgs in a Modal possible, instead of .slideDown(); ?
in Using jQuery
•
6 years ago
I'm working with a BS3 template and a formbuilder for speed, it suits me for now. However, this form when a user submits a contact request and it generates either a success or an error message, it totally throws the vertical sliding left and right panels of the BS3 template out of sync.
It's possibly the
.slideDown();
That's causing the worst of it but I'm only just diving in to jquery and unsure if there's a viable alternative to .slidedown
Try it Here... if you would like to, the contact script is on the final 4th set of left/right sliders of the template. Fill in the form and see what happens.
Therefore, I'm looking into if it's possible to once a user submits the contact form, upon selecting the submit button; the success or error messages would actually open in a modal window and this render the above issue obsolete?
Below is the jquery part of the form builder code, that generates the success / error messages and any help or guidance would be much appreciated indeed.
Thanks in advance.
jQuery(function() {
var options = {
url: "/coming_soon/helloform/forms/1/process.php",
async: false,
type: "post",
data: { "hfb": 1},
success: function(d) {
var jd = JSON.parse(d);
var tError = 0;
jQuery.each(jd.eleErr, function(i, val) {
var eleCon = "form#hfbform_id_1 #" + i + "_con";
//No error
if (val === "")
{
jQuery(eleCon + " .hfb_pd_errormsg").hide();
}
else
{
jQuery(eleCon + " .hfb_pd_errormsg").text(val);
jQuery(eleCon + " .hfb_pd_errormsg").slideDown();
tError++;
}
});
if (tError === 0)
{
jQuery("form#hfbform_id_1")[0].reset();
if (jd.redirection[0] === true)
location.href = jd.redirection[1];
else
{
1