表格未在提交时提交

时间:2013-09-08 20:26:53

标签: html forms

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

现在,我有一个奇怪的问题,就是在header.php我有一个搜索输入,并且它假设在输入时提交表单(默认行为),但每当我按Enter键时,它都没有提交表格。我几乎查看了每个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>

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

2 个答案:

答案 0 :(得分:6)

供将来参考(如果其他人面临同样的问题,这是一个调试提示)

它实际上是一个插件,它使用keydown事件处理程序带领表单提交,很难从大文件中找到代码(4/5行)而且很难找出确切地在哪个文件中完成工作。但突然间我意识到,如果我禁用JavaScript并尝试使用enter提交表单,那么我可以确定肯定存在js事件处理程序,这会阻止提交。所以,我做了它,它的工作原理。最后,我删除了一些插件并逐个添加,发现阻止提交表单的script。所以,一旦我得到它,我只需更改代码即可。

答案 1 :(得分:1)

PHP渲染bloginfo网址的方式有些不对劲。您的表单操作设置为#,如果您正在执行标准获取请求,我非常确定您不希望这样做。