динамически сгенерированные кнопки html не работают при загрузке страницы

Question

Я сгенерировал кнопку удаления html динамически, чтобы добавить в конце каждой строки таблицы в зависимости от входящих данных. Кнопки создаются и добавляются в конце каждого, чтобы удалить этой конкретной строки. Помимо таблицы, на странице есть также форма с кнопкой отправки в конце. Кнопки, которые появляются при загрузке страницы, почему-то вызывают событие post для проверки формы на странице. Когда я добавляю новую строку в таблицу динамически, кнопка удаления работает нормально, чтобы удалить строку, но когда я обновляю ее, она работает как обычная кнопка отправки. Я не могу понять, почему он ведет себя странно таким образом. Любая помощь будет принята с благодарностью. Вот мой html.

.html

<tbody> 
    {% for item in items %} 
    <tr> 
     <form action="{% url 'newitem' %}" role="form" method="post"> 
      {% csrf_token %} 
      <th> {{ item.id }} <input type="hidden" name="item_id" value="{{ item.id }}" > </th> 
      <td> {{ item.Name }} </td> 
      <td> 
       {% buttons %}         
        <input type="submit" name="action" value="Delete" class="btn btn-danger btn-xs" style="width: 50px" />       
       {% endbuttons %} 
      </td> 
     </form> 
    </tr> 
    {% endfor %} 
</tbody> 

Answer 1

Django вызывает проверку формы на каждый отправить кнопку мыши. Отключение кнопки удаления для выполнения проверки формы решило мою проблему. Я добавил атрибут «formnovalidate» для тега кнопки «Удалить», и это сработало волшебство!

{% buttons %}         
<input type="submit" name="action" value="Delete" class="btn btn-danger btn-xs" formnovalidate />       
{% endbuttons %}