Настройка JS-события для Метрики через метод reachGoal

Подскажите как можно настроить JS-событие для оформленного заказа в Метрике через метод reachGoal? Если сделать событие для нажатия на кнопку «Оформить заказ»

<form action="">
    ...
    <input type="button" onclick="ym(XXXXXX, 'reachGoal', 'TARGET_NAME'); return true;" value="Заказать" />
</form>

то будет засчитываться клик по кнопке независимо от того заполнена форма заказа или нет.

Есть какой то способ сделать так чтобы событие нажатия на кнопку «Оформить заказ» засчитывалось только при условии что заполнены все поля?

И куда нужно вставлять код события чтобы оно засчитывалось? В техподдержке метрики написали что вставлять нужно в код кнопки, он у меня выглядит вот так

</div>
        <button  name="ms2_action" value="order/submit"  class="ordering-confirm__submit btn btn--large btn--orange btn--center" type="submit">Оформить заказ <span class="btn-icon btn-icon--right icon-checkmark-circle"></span></button>
        <div class="actions-step clearfix"><ul class="pagination-in"><li class="prev"><a href="#previous">Назад</a></li></ul></div>
      </section>
    </form>
  </div>

но где именно его там разместить?

<script>
    $(document).ready(function () {
	    miniShop2.Callbacks.add('Order.submit.response.success', 'order', function(response) {
	    	ym('XXXXXX','reachGoal','TARGET_NAME')
	    });
	});
</script>