Dodaj regularnego przycisk wewnątrz postaci, która nie wykonuje złożyć

Question

mam tę deklarację forma:

<form method="post" action="/web_services/buscar_vuelos?method=get"> 
    <div id="addSegment_wrapper"> 
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="addTr" style="display: inline;"> 
     <span class="ui-button-text">Add Segment</span> 
    </button> 
    </div> 
    <input id="web_services_submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-   text-only" type="submit" value="Search" name="commit"> 
</form> 

I, choć nie określił przycisk „addSegment_wrapper” jako złożyć jeden, za każdym razem po kliknięciu na nią, wywołuje akcję formularza. Po prostu chcę traktować ten przycisk jako zwykły.

Co należy zrobić?

Thx

Answer 1

Można zrobić

<button type="button">Add Segment</button> 

Answer 2

Wykonaj:

<button type="button" class="(rest of your classes)">Rest of your code</button> 

Answer 3

Bliżej Occams brzytwa (dla złożonych systemów *) może być do skonstruowania 'formularz należy złożyć' osobno, tzn. aby nie (tj. nie używać) znacznika "formularza": opis tego ostatniego znajduje się w "how to ajax post a form that includes fields in a dynamic table for which both rows and columns can be added dynamically"

---

* np. Gdy formularz składa się z wielu zdarzeń interakcji, w których do składania formularzy wykorzystywany jest podzestaw.