如何在不提交整个表单的情况下单击输入类型“提交”按钮

时间:2014-07-13 04:06:04

标签: javascript

我想点击以下代码行:

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

我已经尝试过.click()表单但它不起作用。我需要javascript中的代码。

3 个答案:

答案 0 :(得分:2)

尝试将onclick事件添加到按钮:

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

在事件中返回false将暂停表单提交。

或使用纯javascript:

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

编辑:

jQuery版本:

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

答案 1 :(得分: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
    });

答案 2 :(得分:0)

是否必须是<input type="submit" />

您可以使用<input type="button" />代替。