Javascript 为什么jQuery提交此表单？

我不明白为什么按下按钮

add

或

remove

，表单会自动提交。我想能够添加/删除动态文本输入，按上述按钮，我的代码正在工作。但是，当我添加

表单

时，我得到了这种奇怪的自动提交行为

这是jQuery脚本：

var counter = 3;
$("#add").click(function() {
    counter = counter + 1;
    $("#ingredienti").append('<input type="text" name="'+counter+'" class="form-control" placeholder="Inserisci ingrediente '+counter+' e quantit&agrave;" style="margin-bottom:.5em;">');
    $("input[name='numero_ingredienti']").value(counter);
});
$("#remove").click(function() {
    $("input[name="+counter+"]").remove();
    counter = counter - 1;
    if(counter<0){counter=0;};
    $("input[name='numero_ingredienti']").value(counter);
});

var计数器=3；
$（“#添加”）。单击（函数（）{
计数器=计数器+1；
$（“#ingredienti”）。追加（“”）；
$（“输入[name='numero\u ingredienti']”）值（计数器）；
});
$（“#删除”）。单击（函数（）{
$（“输入[name=“+计数器+”]）。删除（）；
计数器=计数器-1；
如果（counter它是因为你在这里定义了动作

<form action='salva_ricetta.php' method='post'>



因此，当此触发器/单击时，
默认按钮类型为submit，这就是为什么！将每个按钮的类型设置为
type=“button”
为什么在此处使用PHP标记？谢谢Woiff！这就是为什么！）
<form action='salva_ricetta.php' method='post'>

<input type='submit'

<input type='button'