如何在不提交整個表單的情況下單擊輸入類型“提交”按鈕

Question

我試圖單擊以下代碼行：

<input title="Add To Cart" name="pdp_addtocart" value="Add To Cart" type="submit" class="active_step">

我嘗試了.click（）表單，但它不起作用。 我需要javascript中的代碼。

Answer 1

嘗試將onclick事件添加到按鈕：

<input onclick="return false;".... />

如果返回false，則將停止表單提交。

或使用純JavaScript：

theButton.onclick = function() {
    return false;
};

編輯：

jQuery版本：

$theBtn.click(function() {
    return false;
});

Answer 2

使用Jquery ：

var my_btn = $('input[name="pdp_addtocart"]');

my_btn.click(function(event){
 event.preventDefault(); //This avoid  the default behavior of the button
  //Your Stuff
});

如果您的表單仍在發送，請添加以下行：

   $('form').submit(function(event){
     event.preventDefault(); //This avoid the behavior of sending the form
    });

Answer 3

它必須是<input type="submit" />嗎？

您可以改用<input type="button" /> 。