带有 JavaScript 的按钮在表单中不起作用

Question

我的问题是我的 HTML 中有一个表单，我在填写完该表单后将其写入数据库。

该表单由 7 个标签组成，带有 7 个输入字段 type='number' 到目前为止一切正常，但这让我很烦恼，因为它是为手机设计的，我必须不断点击该字段并输入号码。

现在我想出了一个可以在输入字段 type='text' 之间使用的系统， 我的增加和减少各有一个按钮。我用 JavaScript 拦截它，并让 will 被操纵以进行对应。

这只能在有限的范围内发挥作用。如果我注释掉“表单标签”，它就会起作用。但当我再次评论“表单标签”时，就没有任何作用了。

现在的问题是。错误在哪里或者为什么这种形式不再有效？

HTML 摘录：

<form action="" method="post">
    <label>Test1</label><br>
    <input type="button" onclick="dec('number')" id="dec" value="-"/>
    <input type="text" name="test1" id="number" value="0" min="0" size="3" />
    <input type="button" onclick="inc('number')" id="inc" value="+" />
  </form>

JS 摘录：

function inc(number) {
  document.getElementById("number").value++;
}

function dec(number) {
  if (document.getElementById("number").value != 0)
    document.getElementById("number").value--;
}

Answer 1

id 标识符会造成麻烦，因为它们与函数具有相同的名称。请从按钮中删除 id 标识符

所以，（A）改变

 <input type="button" onclick="dec('number')" id="dec" value="-"/>

到

 <input type="button" onclick="dec('number')"  value="-"/>

和 (B) 改变

 <input type="button" onclick="inc('number')" id="inc" value="+" />

到

 <input type="button" onclick="inc('number')"  value="+" />