Stoppen unnötige Schaltfläche Formular reicht HTML js

Question

Dies kann zu kurz und süß, aber das ist alles, was ich fragen muss. Wenn ich zwei Schaltflächen in HTML habe, verwende ich eine Schaltfläche für die Formularübergabe und eine andere, um ein JavaScript-Ereignis auszulösen. Was jedoch passiert, ist, dass beide Schaltflächen Formularübergaben ausführen. Ich möchte die andere Schaltfläche für die Übermittlung verwenden, ohne sie durch Javascript unbrauchbar zu machen. Was sind die möglichen Methoden, die ich tun kann?

Answer 1

auf erweitern, was Saravanan Sachi und aladin8848 schon gesagt:

Wenn Sie <input> für Ihre Tasten verwenden, wird type="submit" immer Ihre Form einreichen und type="button" wird eine einfache, nicht-Formular Taste sein.

Wenn Sie Tags für Ihre Schaltflächen verwenden (wie ich es tendiere), haben sie einen "Standard" -Typ von submit, also müssen Sie ihren Typ explizit auf die Schaltfläche ex einstellen. <button type="button">Do JS click things</button>, um zu verhindern, dass Ihr Formular übermittelt wird.

Answer 2

Verwenden

<input type='button' onclick='....'> 

statt, was Sie verwenden wahrscheinlich

<input type='submit'> 

Answer 3

Verwenden

<input type="submit"> 

das Formular abzusenden und

<input type="button"> 

JavaScript-Methode aufrufen

Answer 4

Sie können das als nächstes tun:

var buttonList = document.getElelmentsByTagName('button'); 

buttonList[2].addEventListener('click', function(event){ 
    event.preventDefault(); 
    this.removeEventListener("click", this, false); 
    //do something, like add your own event 
}); 

sollten Sie die Tasten bekommen, und ich nicht testen Sie den Code, aber die Idee ist, dass, entfernen Sie Ereignisse genauer sein und Standardverhalten der zweiten Schaltfläche.

Ich hoffe, das hilft Ihnen.