Как правильно переписать onclick?

Question

[Анна]

<button type="submit" class="btn btn-pay btn-primary" disabled="" onclick="ipayCheckout( { currency:'RUB', order_number:'', description: collectDataPayOnline() }, function(order) { showSuccessfulPurchase(order) }, function(order) { showFailurefulPurchase(order) } )">Оплатить</button>

Логика такая, при сабмите проверка работает проверка на валидацию, если валлидация прошла ок, то показывается попап. Как правильно переписать onclick из html сюда:

$form.on("submit", function (event) {
    event.preventDefault();
    var i = 0;
    $('#formPay .form-control').each(function() {
      if ($(this).val() != '') {
        $(this).removeClass('.error-border');
        $(this).next(".error").empty();
      } else {
        $(this).addClass('.error-border');
        $(this).next(".error").text("Пожалуйста, заполните поле");
        i++;
      }
    });
    if (i <= 0) {
   cюда 
  })

Comments

[Steppp]

JQ плохо знаю, но по идеи это у тебя 2 разные вещи!
на нативном js так будет

const btnPrimary = document.querySelector(`.btn-primary`);
btnPrimary.addEvenrListener(`click`, (evt) => {
evt.preventDefault();
итд
})

Answer 1

[Воващ]

ты по onclick вызываешь функцию ipayCheckout()
=> вызывай там где надо

$form.on("submit", function (event) {
    event.preventDefault();
    var i = 0;
    $('#formPay .form-control').each(function() {
      if ($(this).val() != '') {
        $(this).removeClass('.error-border');
        $(this).next(".error").empty();
      } else {
        $(this).addClass('.error-border');
        $(this).next(".error").text("Пожалуйста, заполните поле");
        i++;
      }
    });
    if (i <= 0) {
ipayCheckout( { currency:'RUB', order_number:'', description: collectDataPayOnline() }, function(order) { showSuccessfulPurchase(order) }, function(order) { showFailurefulPurchase(order) } )
  })