當點擊輸入鍵時檢測提交事件

Question

如果我有一個表單，其中有兩個提交請求的實際不同輸入。當我點擊任何提交按鈕時，我可以知道要做什麼動作。 但我需要檢測我在點擊輸入鍵盤按鍵時的輸入。

<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

要檢測正在使用哪個輸入keyup事件處理程序爲：

$('.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')); 
    } 
}) 

檢查演示這個here

Answer 2

我真的不知道我理解正確，你的問題。但我認爲，由於您使用兩個提交按鈕的形式相同，因此您應該爲按鈕提供唯一的名稱，以便在服務器端知道在按下時輸入要提交的輸入。

<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> 

和代碼檢查：

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

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

    } else {   
     //no button pressed 
} 

希望這是你所期待的。