Domanda Aggiungi il pulsante normale all'interno del modulo che non esegue un invio


Ho questa dichiarazione di 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>

E, sebbene non abbia specificato il pulsante "addSegment_wrapper" come submit, ogni volta che clicco su di esso, chiama l'azione del modulo. Voglio solo trattare questo pulsante come un normale.

Cosa dovrei fare?

Grazie


22
2017-07-07 21:11


origine


risposte:


Potresti farlo

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

39
2017-07-07 21:15



Fai questo:

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

39
2017-07-07 21:14



Il rasoio più vicino ad Occam (per schemi complessi *) potrebbe essere quello di costruire il 'modulo da presentare' separatamente, cioè, di non (cioè eliminare l'uso di) il tag "form": per una descrizione di quest'ultimo, vedere "come ajax pubblica un modulo che include campi in una tabella dinamica per cui sia le righe che le colonne possono essere aggiunte dinamicamente"


* ad esempio, quando il tuo modulo è costituito da più eventi di interazione, in cui un sottoinsieme viene utilizzato per l'invio di moduli.


0
2018-03-07 16:07