Почему цель в метрике срабатывает при отправке пустой формы?

Question

[Vitaly Max]

Всем привет!
Установил цель в метрике на отправку заявки, прописал код в теге формы

<form action="mail/smart.php" method="POST" id="feedback-form" onsubmit="yaCounter53521924.reachGoal ('ask'); return true;">

Для формы установлена валидация, так что пустые поля отправить нельзя, но цель в метрике срабатывает даже с пустыми полями. По сути ничего на сервер не отправилось, а цель сработала.. как победить это явление? Какой кусочек кода и куда дописать требуется?

Answer 1

[Сёмка Гавриленко]

Дело в том, что onsubmit срабатывает когда пользователь нажимает кнопку отправки формы. не зависимо от того, была она отправлена или вы чем-то отменили отправку

Comments

[Vitaly Max]

я так и понял, но что сделать то, чтобы цель работала корректно?

[Сёмка Гавриленко]

RaggaMaffin, Я бы делал так:
при отправке формы запускаем валидатор форм. Если у валидатора нет нареканий, тогда считаем что цель достигнута.
Увы, не знаю чем вы валидируете форму

[Vitaly Max]

Вот код валидатора

$(".phone").mask("8 [phone]");

  $('#feedback-form').validate({
  	  errorClass: "invalid",
  	  errorElement: "div",
  	  rules: {
  	    username: {
  	      required: true,
  	      minlength: 2,
  	      maxlength: 15
  	    },
  	    email: {
  	      required: true,
  	      email: true
  	    },
  	    phone: "required",
  	  },
  	  messages: {
  	    username: {
  	      minlength: jQuery.validator.format("от 2 до 15 символов"),
  	      maxlength: jQuery.validator.format("до 15 символов"),
  	      required: "укажите имя"
  	    },
  	    phone: {
  	      required: "укажите телефон"
  	    },
  	    email: {
  	      email: "введите корректный email",
  	      required: "укажите email"
  	    },
  	  },
  });

[lGHOSTl]

RaggaMaffin, на сколько я помню у jQuery validation плагина есть метод submitHandler, который срабатывает при валидной форме. Добавьте в него строку yaCounter53521924.reachGoal ('ask');

[Vitaly Max]

lGHOSTl, я извиняюсь, куда эту строку добавить?

[Сёмка Гавриленко]

$('#feedback-form').validate({
  	  errorClass: "invalid",
  	  errorElement: "div",
  	  rules: {
  	    username: {
  	      required: true,
  	      minlength: 2,
  	      maxlength: 15
  	    },
  	    email: {
  	      required: true,
  	      email: true
  	    },
  	    phone: "required",
  	  },
  	  messages: {
  	    username: {
  	      minlength: jQuery.validator.format("от 2 до 15 символов"),
  	      maxlength: jQuery.validator.format("до 15 символов"),
  	      required: "укажите имя"
  	    },
  	    phone: {
  	      required: "укажите телефон"
  	    },
  	    email: {
  	      email: "введите корректный email",
  	      required: "укажите email"
  	    },
  	  },
submitHandler: function(form) {
    yaCounter53521924.reachGoal ('ask');
  }
  });

[Vitaly Max]

Сёмка Гавриленко, именно в такой интерпретации не срабатывает

[Сёмка Гавриленко]

RaggaMaffin, не отправляет форму или не достигает цель?

[Vitaly Max]

Сёмка Гавриленко, достигает цель, и форма отправляется нормально, плюс работает валидация формы.. проблема в том, что цель срабатывает даже если форма фактически не была отправлена, потому что не прошла валидацию, получается не корректная статистика по срабатыванию целей.. Можно просто нажать 5 раз подряд кнопку ОТПРАВИТЬ и цель сработает 5 раз, но заявка по по факту пустая.

[Сёмка Гавриленко]

тогда рекомендую читать документацию)