erkennen Sie das Submit-Ereignis, wenn Sie die Eingabetaste drücken

Question

Wenn ich ein Formular mit tatsächlich verschiedenen Eingaben für zwei Anfragen senden. Wenn ich auf eine Schaltfläche zum Absenden klicke, kann ich wissen, welche Aktion ausgeführt werden soll. aber ich muss erkennen, in welcher Eingabe ich bin, wenn Sie auf Enter key key drücken.

<form class="main-form"> 
    <div class="form_one"> 
    <input class="form_one_input" type="text" id="form_one_input"/> 
    <button type="submit" class="form_one_button">Submit form one</button> 
    </div> 
    <div class="form_two"> 
    <input class="form_two_input" type="text" id="form_two_input"/> 
    <button type="submit" class="form_two_button">Submit form two</button> 
    </div> 
</form> 

https://jsfiddle.net/m6433obp/

Answer 1

Um festzustellen, welchen Eingang Sie den keyup Event-Handler als in Gebrauch sind:

$('.form_one').bind('keyup', function(e) { 
    if(e.keyCode === 13) { 
    alert($(this).attr('class')); 
    } 
}) 
$('.form_two').bind('keyup', function(e) { 
    if(e.keyCode === 13) { 
    alert($(this).attr('class')); 
    } 
}) 

Check-Demo für diese here

Answer 2

Ich bin nicht wirklich sicher, dass ich es richtig verstehe Ihre Frage. Aber ich denke, da Sie zwei Submit-Buttons in der gleichen Form verwenden, sollten Sie den Buttons eindeutige Namen geben, so dass Sie auf der Server-Seite wissen, dass Sie bei der Eingabe angeben, welcher Input gesendet wurde.

<form class="main-form"> 
    <div class="form_one"> 
    <input class="form_one_input" type="text" id="form_one_input"/> 
    <button type="submit" name="first_button" class="form_one_button">Submit form one</button> 
    </div> 
    <div class="form_two"> 
    <input class="form_two_input" type="text" id="form_two_input"/> 
    <button type="submit" name="second_button" class="form_two_button">Submit form two</button> 
    </div> 
</form> 

Und der Code zu überprüfen:

if (isset($_POST['first_button'])) { 

    } else if (isset($_POST['second_button'])) { 

    } else {   
     //no button pressed 
} 

Hoffnung das ist, was Sie suchen.