Javascript Нажмите определенную кнопку на веб-странице - PullRequest
0 голосов
/ 04 декабря 2018

Это мой рабочий пример страницы https://graphicstogether.com/free-trial/

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

**

Я также сталкиваюсь с ошибкой с кодом JS.Я применил этот код JS в нижнем колонтитуле.

**


enter image description here

Html

<input type="file" name="file-860" size="40" class="wpcf7-form-control wpcf7-file" id="file1" accept=".jpg,.jpeg,.png,.gif,.pdf" aria-invalid="false">

<input type="file" name="file-860" size="40" class="wpcf7-form-control wpcf7-file" id="file2" accept=".jpg,.jpeg,.png,.gif,.pdf" aria-invalid="false">

Дж

var f = document.querySelectorAll('input[type=file]'),
clearInput = function(){this.previousSibling.value = '';};
for(var i = 0; i < f.length; i++){
  button = document.createElement('button');
  button.textContent = 'clear';
  button.addEventListener('click', clearInput);
  f[i].parentNode.insertBefore(button, f[i].nextSibling);
}

1 Ответ

0 голосов
/ 05 декабря 2018

Чтобы не отправлять форму, кнопка должна быть type = "button", иначе это будет type = "submit".

<button type="button">clear</button>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...