Как сделать нажатие на тег a при отправки формы нажатием enter?

Question

[Elena Fire]

Есть форма. К кнопке Отправить привязано событие onclick и ссылка, которая перезагружает страницу. Нужно, чтобы после заполнения формы и нажатия на Enter - событие submit - происходило нажатие на ссылку в кнопке Отправить, чтобы перезагрузить страницу.
Пишу так:

function ClearCart(element) {
    var href = element.href;  
    if (href)               
      $.get(href, function(data){
        $("cart").html('');
        BX.onCustomEvent('OnBasketChange');
     location.reload(true);
    });     

    return false;
  }

 document.getElementById('ocf-submit').on("submit", function(e) {
    e.preventDefault();
    document.getElementById('btn-ocf-submit').onclick = ClearCart();
  });

bnt-ocf-submit - это id тега a
ocf-submit - это id формы, тег form
ClearCart - эта функция обновляет данные корзины в шапке

Но мой скрипт не работает. Как правильно написать скрипт?

Answer 1

[Сергей delphinpro]

spoiler

document.getElementById('ocf-submit').on("submit", function(e) {
    e.preventDefault();
    ClearCart(document.getElementById('btn-ocf-submit'));
});

UPD

document.getElementById('ocf-submit').addEventListener("submit", function(e) {
    e.preventDefault();
    ClearCart(document.getElementById('btn-ocf-submit'));
});

Comments

[Elena Fire]

Спасибо за вариант) увы, он тоже не имитирует нажатие на btn-ocf-submit. Нужно, чтобы при отправке формы (событии submit) происходило нажатие на btn-ocf-submit - по другому не будет перезагрузки страницы с нужным результатом (очистка кэша и корзины)

[Сергей delphinpro]

Elena Fire, Давайте разберемся.
Что происходит при клике на ссылку? Вызывается функция ClearCart, правильно?
Вот и мы и вызываем эту функцию.
Судя по её коду – она ожидается в параметре элемент-ссылку. Из элемента получает адрес, на который делает ajax-запрос, и после успешного завершения запроса перезагружает страницу.
Если #btn-ocf-submit и есть та самая ссылка в href которой прописан верный адрес, то предоставленный мною вариант просто обязан работать.

Вы, как минимум, загляните в консоль, убедитесь в отсутствии каких-либо ошибок.

[Elena Fire]

Сергей delphinpro, не совсем. ClearCart вызывает обновление данных в корзине и перезагрузку корзины в шапке - BX.onCustomEvent отвечает за это обновление. При этом обновление страницы, на которой находится пользователь, происходит именно потому, что в теге a#btn-ocf-submit прописан href="страница, на которой находится пользователь, со сброшенным кэшем". Поэтому вызов ClearCart не приводит к перезагрузке всей страницы.

[Сергей delphinpro]

Elena Fire,
ClearCart, судя по названию, очищает корзину.

При этом обновление страницы, на которой находится пользователь, происходит именно потому, что в теге a#btn-ocf-submit прописан href="страница, на которой находится пользователь, со сброшенным кэшем". Поэтому вызов ClearCart не приводит к перезагрузке всей страницы.

Честно говоря, я в этой фразе не уловил причинно-следственной связи. Почему именно не происходит перезагрузки.

Вообще код очень простой, его трудно понять иначе. По шагам

// document.getElementById('btn-ocf-submit') – это элемент A
// передаем его в функцию
ClearCart(document.getElementById('btn-ocf-submit'));


function ClearCart(element) {
  // element – переданный элемент А
  var href = element.href;  // берем из него ссылку
  if (href)  // если она есть
    $.get(href, function(data){ // делаем запрос
      $("cart").html('');
      BX.onCustomEvent('OnBasketChange');
      location.reload(true); // перезагружаем страницу
    });     

  return false;
}

Если мы передадим в функцию правильный элемент, то она сработает как надо.

[Сергей delphinpro]

Блин, я не обратил утром внимания на эту запись

document.getElementById('ocf-submit').on()

Какая-то смесь jquery и ванилы. Этот код должен был вам выдать ошибку в консоли. А я утром вам рекомендовал посмотреть в консоль! Почему вы этого не сделали?

На javascript

document.getElementById('ocf-submit').addEventListener('submit', function(){
});

на jquery

$('#ocf-submit').on('submit', function(){
});

[Elena Fire]

Сергей delphinpro, спасибо, пробовала и ванильный и квери. Что надо написать в function, чтобы сымитировать нажатие на btn-ocf-submit?
Корзина очищается через ajax, встроенными методами битрикса, поэтому перезагрузки страницы не происходит, просто сбрасываются значения в корзине в хедере. А корзина на странице продолжает показывать наличие в ней товаров - мне нужно перезагрузить страницу, чтобы эти товары исчезли и не сбивали с толку клиента.

[Сергей delphinpro]

Elena Fire, в сто пицотый раз говорю, а вы мне не отвечаете.

Код предельно простой. Ошибиться сложно. Поэтому нас рассудит только консоль.
Что в консоли?

[Elena Fire]

Сергей delphinpro, в консоли ничего не успевает передать - ваш вариант вызывает бесконечный цикл перезагрузки страницы - причем любой, даже близко не успеваю добраться до корзины и оформления заказа.

[Elena Fire]

Сергей delphinpro, ваша поправка вот здесь:

document.getElementById('ocf-submit').addEventListener('submit', function(){
});

запустила код.
Спасибо!
Можете записать этот ответ как решение, чтобы я могла отметить его?

[Elena Fire]

А ведь кто-нибудь подумает, что написанный самый первый код действительно решение). Значит, ответ будет только для самых терпеливых)))

Answer 2

[Elena Fire]

Сергей дал ответ - он дальше в комментариях. В ответе выше смесь JS и JQuery, которые вместе не ужились. Ответ вот такой:

document.getElementById('ocf-submit').addEventListener('submit', function(){
    e.preventDefault();
     ClearCart(document.getElementById('btn-ocf-submit'));
});