Cheizer
@Cheizer

Jquery как сделать показ блока только у текущего элемента по THIS?

Есть несколько форм на странице, и есть JS проверка, если форма отправлена и нет ошибок, показать сообщение, мол ок форма отправлена, но блин, это сообщение показывается сразу у всех остальных форм :), как бы это дело привязать только к действующей форме по THIS как то, мало опыта, не могу сообразить, подскажите пожалуйста как это сделать?

<form id="" method="post" class="arctform">
<div class="success" style="display: none;">
 <strong>ЗАЯВКА ОТПРАВЛЕНА!</strong>
<br>Мы свяжемся с Вами в ближайшее время!
 </div>
<input type="text" name="name" value="[[+fi.name]]" placeholder="ИМЯ" class="form-control"/>        
<button type="submit" class="item-form text-center theme-button">Отправить</button>
  </form>


$(function() { 

$(document).on('af_complete', function(event, response) {

if (response.success) { 
//Если форма заполнена и нет ошибок

var su = $(".success").css('display','block').slideDown();
showFu(su);
function showFu(su){
su.slideDown(function () {
     setTimeout(function () {
      su.slideUp()
     }, 6000)
  })
}  
}
});
    
});
  • Вопрос задан
  • 168 просмотров
Решения вопроса 1
@tyzberd
добавить всем формам одинаковый класс и повесить af_complete на него, тогда в this будет форма.
или второй вариант оставить как есть и плясать от event.target
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы