在表单上已在事件侦听器上重置表单

时间:2019-06-16 11:38:43

标签: javascript forms addeventlistener reset dom-events

我想在表单上添加表单重置。我知道通过执行form.reset()这很简单。

但是,我已经有一个事件监听器,格式相同。因此,将reset()添加到for函数中是行不通的。

这是我的表单事件监听器,用于在提交时执行某些操作。在执行任何操作之前,如何在相同的函数/事件侦听器中首先重置表单?

  searchForm.addEventListener('submit', function(event){
    event.preventDefault();
    const searchTerm = domEvents.getSearchTerm();
    domEvents.displaySearchTerm(searchTerm);

    unsplashService.getImages(searchTerm)
      .then((response) => {
        const res = JSON.parse(response.response);
        const imageURLs = res.results.map(images => images.urls.small);

        if (imageURLs.length > 0) {
          domEvents.displayImages(imageURLs);
        } else {
          errorPlaceholder.innerHTML = 'No results. Search again!';
        }
      })
      .catch((error) => {
        if (error) {
          domEvents.showNetworkError();
        }
      });
  });

0 个答案:

没有答案