Javascript 表单提交使用按钮，但不使用Enter键

我是新来的，所以也许你需要给我一些提示，告诉我这个社区的一切是如何运作的。我已经在这里读了很多关于Stackoverflow的文章，但最终还是注册了

我正在为我附近的一家博物馆设计一个小型网站，这是一个非营利组织。他们收集了大量弹药，目前这些信息都是书面的

我想要一个网站，在那里我可以输入一个号码和适当的信息显示。到目前为止，在我的测试站点上一切都正常。由于那里没有可用的互联网，它应该稍后在安卓平板电脑上本地运行

我唯一的问题是表单提交可以使用按钮，但不能使用androids numberpad上的enter键或open键

我对javascript编码也很陌生，因为我来自电子行业和微处理器上的c语言编程，所以我可能犯了错误

我目前在主页中有iframe，但我最初希望它以模式打开。它没有正常工作，所以也许我可以稍后再试一次

现场演示：

表格的代码如下所示：

 <!-- Jumbotron Header -->
    <header class="jumbotron hero-spacer">
        <h1>Katalog:</h1>
        <p>Mit der Munitionsnummer können hier weitere Informationen zur jeweiligen Patrone angezeigt werden.</p>
        <p>
<form onsubmit="searchpage()">
    <input type="number" pattern="\d*"/min="1" max="9999" id="num" >
    <button type="button" class="btn btn-danger" onclick="searchpage()" id="search">Suchen</button>
</form>

function searchpage() {


  var num = document.getElementById('num');
  var targetFrame = document.getElementById('targetFrame');


  if (num.value) {
    var page = 'pages/' + (+num.value) + '.html';
    targetFrame.setAttribute('src', page);
  }
}

如果你需要更多的代码，我可以提供这个。让我知道你需要什么

该网站现在设计为显示数字1和2的内容

整个站点使用引导，iframe中显示的站点使用strapdown.js以便于编辑。我们最终需要将大约900个数据集数字化

我认为这只是一个小错误，但经过数小时的编码和搜索互联网，我仍然没有得到错误的来源

提前感谢您的帮助和提示

达巴克斯

---

编辑：如果有帮助的话，我把整个页面打包成一个拉链

我认为错误来自您调用函数searchPage的那一行。我建议您试试下面这句话：

<input type="sumbit" class="btn btn-danger" onclick="searchpage()" id="search" value="Suchen">

---

在这种情况下，当您按enter键时，表单将被提交并调用searchPage函数。

我认为错误来自您调用searchPage函数的那一行。我建议您试试下面这句话：

<input type="sumbit" class="btn btn-danger" onclick="searchpage()" id="search" value="Suchen">

---

在这种情况下，当您按enter键时，表单将被提交并调用searchPage功能。

在您的表单代码中，请尝试：

<button type="submit" class="btn btn-danger" onclick="searchpage()" id="search"> Suchen </button>

编辑：Shaam的答案可能是正确的，但如果你说输入，那么你只是想让它看起来像一个带引导的按钮，更合适的方法是输入类型=按钮，但在你的情况下，你应该说这是一个提交表单的按钮

---

这就是为什么您应该使用按钮而不是在此处输入的原因。

在表单的代码中，请尝试：

<button type="submit" class="btn btn-danger" onclick="searchpage()" id="search"> Suchen </button>

编辑：Shaam的答案可能是正确的，但如果你说输入，那么你只是想让它看起来像一个带引导的按钮，更合适的方法是输入类型=按钮，但在你的情况下，你应该说这是一个提交表单的按钮

---

这就是为什么您应该使用按钮而不是在此处输入。

这可能是您的html：

<form id="searchForm" action="some_url">
    <input type="number" pattern="\d*"/min="1" max="9999" id="num" >
    <input type="button"  value="Suchen" class="btn btn-danger entr" onclick="searchpage()" id="search">
</form>

---

这可能是您的html：

<form id="searchForm" action="some_url">
    <input type="number" pattern="\d*"/min="1" max="9999" id="num" >
    <input type="button"  value="Suchen" class="btn btn-danger entr" onclick="searchpage()" id="search">
</form>

---

将按钮类型更改为class='submit'@NicholasSmith，不幸无法解决问题…将按钮类型更改为class='submit'@NicholasSmith，不幸无法解决问题…感谢您的回答。我已经试过了，有些奇怪的事情发生了Firefox Mac OS X:无变化-Android上的Chrome:甚至连按钮都不起作用了-Android上的标准浏览器：按钮和数字Pad Open按钮起作用-Safari Max OS X:没有任何作用了不确定根据您提供的代码我是否能帮到您更多。我通过Inspect元素在您的页面上尝试了这一点，似乎效果不错。那是你在密码上唯一保存的东西吗？从type=按钮到type=：submit是否需要其他代码？我可以将整个网站文件夹作为zip文件上传吗？我是新手，可能我犯了一些新手错误：我刚刚看到你在按钮和表单上调用了两次搜索页面。请删除onclick from按钮并重试。在移动android浏览器上仍然有效，但在移动chrome、OSX Firefox和Safari上不起作用。该网站似乎加载了iframe，但内容仍然与以前相同。那么，可能是js函数没有正确设置iframe的src吗？谢谢你的回答。我已经试过了，有些奇怪的事情发生了Firefox Mac OS X:无变化-Android上的Chrome:甚至连按钮都不起作用了-Android上的标准浏览器：按钮和数字Pad Open按钮起作用-Safari Max OS X:没有任何作用了不确定根据您提供的代码我是否能帮到您更多。我通过Inspect元素在您的页面上尝试了这一点，似乎效果不错。那是你在密码上唯一保存的东西吗？从type=按钮到type=：submit是否需要其他代码？我可以将整个网站文件夹作为zip文件上传吗？我是新手，可能我犯了一些新手错误：我刚刚看到你在按钮和表单上调用了两次搜索页面。请删除onclick from按钮，然后重试

---

se仍然可以在移动android浏览器上使用，但不能在移动chrome、OSX Firefox和Safari上使用。该网站似乎加载了iframe，但内容仍然与以前相同。那么，可能是js函数没有正确设置iframe的src吗？