Formular mit mehreren Übergabeschaltflächen senden

Question

So verwenden Sie jQuery zum Senden des Formulars, wenn Sie die Eingabetaste drücken, aber durch Klicken auf die zweite Übergabeschaltfläche gesendet werden. Also das erste Senden ignoriert.

<form method="post" action=""> 
    <input type="text" name="inp"> 
    <input type="submit" name="first" value="first"> 
    <input type="submit" name="second" value="second"> 
</form> 

Answer 1

könnten Sie fangen die Taste drücken Sie die Eingabetaste, und anstelle der Standardaktion auszuführen die erste Schaltfläche Aktion einreichen, zwingen sie die zweite auszuführen.

eine keypress Aktion innerhalb des Texteingabe Griff:

<input type="text" name="inp" onkeypress="return runScript(event)"/> 

Dann runScript Ihre Funktion definieren:

func runScript(e) { 
    if(e.keyCode == 13) { 
     //Submit action goes here 
     document.getElementsByName("second")[0].click() 
    } 
} 

Answer 2

Mein Verständnis ist, dass Sie auf jeder Schaltfläche klicken wollen das Formular abzuschicken, aber schlagen geben Sie ein, um mit der zweiten Schaltfläche zu senden.

Hier sind ein paar Optionen:

1) Ändern der Tasten

angezeigt werden, können Sie die erste Schaltfläche bewegen tatsächlich im Markup zweiten sein, aber ändern, wie es durch die Positionierung sie angezeigt wird anders. Beachten Sie, dass Sie auch den tabIndex aktualisieren sollten, wenn Sie dies tun.

.firstButton { 
 
    position: absolute; 
 
    width: 80px; 
 
} 
 

 
.secondButton { 
 
    position: absolute; 
 
    left: 90px; 
 
    width: 80px; 
 
}

<form name="theForm" method="post" action=""> 
 
    <input type="text" tabIndex='1' name="inp"> 
 
    <div> 
 
    <input type="submit" tabIndex='2' class='secondButton' name="second" value="second"> 
 
    <input type="submit" tabIndex='1' class='firstButton' name="first" value="first">  
 
    </div> 
 
</form>

2) Ändern Sie die erste Taste nicht eine Absenden-Button und handhaben manuell

function submitForm() { 
 
    document.theForm.submit(); 
 
}

<form name="theForm" method="post" action=""> 
 
    <input type="text" name="inp"> 
 
    <input type="button" name="first" value="first" onclick="submitForm()"> 
 
    <input type="submit" name="second" value="second"> 
 
</form>

Hoffnung klicken, das hilft.