Отправка формы ajaxform + formit

Есть определённая секция с формой (id — contact-form), есть секция которая расположена выше и она скрыта (class=«request-success»), нужно чтобы при отправке формы contact-form скрывался, а request-success появлялся, но при этом чтобы страница не перезагружалась и оставалась на одном месте. Происходила только замена кода. (без редиректа) + секции находятся в центре странице. Подскажите ошибку.
[[!AjaxForm?
&snipper=`FormIt`
&form=`@FILE chunks/contact-form.tpl`
&hooks=`email,redirect,FormItSaveForm`
&formName=`Форма обратной связи`
&formFields=`name,email,phone`
&redirectParams=`{ «success»:«1» }`
&fieldNames=`name==Имя,email==E-mail,phone==Телефон`
&emailTpl=`@FILE chunks/email.tpl`
&validate=`name:required,email:email:required,phone:required`
&emailTo=`test@gmail.com`
&emailCC=`test@gmail.com`
&emailBCC=`test@gmail.com`
&emailBCCName=`Test`
&emailSubject=`Форма обратной связи с сайта`
&emailFromName=`Test`
]]

JS code (форма скрывается сама по себе, а вот класс не добавляется) + как вместо form.hide(); к contact-form можно добавить класс?
$(document).on('af_complete', function(event, response) {
var form = response.form;
// Если у формы определённый id
if (form.attr('id') == 'contact-form') {
// Скрываем её!
form.hide();
document.querySelectorAll('.request-success').classList.add('success');
}
// Иначе печатаем в консоль весь ответ
else {
console.log(response)
}
});
Владислав
26 мая 2020, 20:24
modx.pro
126
0

Комментарии: 1

Станислав
26 мая 2020, 20:30
0
$('#contact-form').addClass('success');
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    1