html - 输入时不提交表单

标签 html forms

我有一个博客,它由 WordPress 提供支持。它之前有一个非响应式主题,今天我安装了一个响应式主题。我从一些免费的 html 主题构建了这个主题,从其他主题中收集了一些和平,在一周内修改并将其转换为 WordPress 主题,它是 HTML5、CSS3 和 modernizr.js

现在,我有一个奇怪的问题,那就是,在 header.php 中,我有一个搜索输入,它应该在输入时提交表单(默认行为),但每当我按下输入,它不提交表单。我几乎查看了每个 JavaScript 文件,看看是否有任何 keydown 或类似事件可能会阻止提交但没有找到任何东西,我知道所有文件也是如此。 This is the site现在仍在开发过程中,所以任何人都可以看看这个网站,如果我错过了什么,请告诉我,这就是标记

<form method="get" id="searchbar" action="<?php bloginfo('url'); ?>/search.php" style="margin:0 0 -10px !important;" _lpchecked="1">
    <input id="search-submit" type="submit" name="submit" />
    <input id="search-bkg" type="text" name="s" placeholder="Type and press enter.." />                   
</form>

问题是,表单没有在输入时提交。也许我遗漏了一些东西,所以需要同事的帮助或任何建议/提示来找出问题所在。谢谢!

更新:这是当前代码(根据这里的一些建议)

<form action="<?php echo home_url() ?>/search.php" method="get">
     <input id="search-submit" type="submit" name="submit" />
     <input id="search-bkg" type="text" name="s" placeholder="Type and press enter.." />
</form>

这是在浏览器中呈现的标记

<form action="http://heera.it/search.php" method="get" _lpchecked="1">
    <input id="search-submit" type="submit" name="submit">
    <input id="search-bkg" type="text" name="s" placeholder="Type and press enter.." style="margin-top: 2px; display: none; width: 0px;">
</form>

但是,没有发生任何变化,仍然是同样的问题。

最佳答案

供日后引用(如果其他人遇到同样的问题,这是一个调试提示)

它实际上是一个插件,它使用 keydown 事件处理程序主导表单提交,很难从大文件中找到代码(4/5 行),而且很难找出到底是哪个文件在做这项工作。但突然我意识到,如果我禁用 JavaScript 并尝试使用 enter 提交表单,那么我可以确定肯定有 js 事件处理程序,这阻止了提交。所以,我做到了并且成功了。最后,我删除了一些插件并一个接一个地添加,找到了阻止提交表单的脚本。所以,一旦我得到它,我只需要更改代码就可以了。

关于html - 输入时不提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18688336/

相关文章:

html - 一页上有多个表单的问题

android - 在人行横道浏览器中多次单击任何按钮不起作用

html - 将 "Login link"从 Bootstrap 导航栏移到右侧

javascript - 语义 UI 未按预期工作

wordpress - 如何从现场网站找到 wordpress 主题名称?

database - 是否可以在离线时通过 HTML5 下载 SQLite 数据库以在本地使用?

ruby-on-rails - Rails - 简单的表单验证

asp.net-mvc-3 - 提交更改下拉列表的表单

php - 如果 mysql 中存在记录,如何构建 php 代码以填充表单中的 280 个字段

css - 流体输入元件