Question

我正在使用图像而不是提交按钮进行搜索选项，并使用onclick事件在php中使用ajax加载结果。现在我需要通过按Enter键加载结果。是他们以任何方式更新我的应用程序不改变图像。

由于

Answer 1

我不知道你正在使用什么javascript库，但我会在我的例子中使用jQuery。

<script>
$(document).ready(function() {
  $("form#interesting").bind("submit",function() {
    $.get("target_page.php".function() {
      // Callback functionality goes here.
    });
  });
});
</script>
<form id="interesting">
Enter your input: <input type="text" name="interesting_input" />
<!-- input type="image" is a way of using an image as a submit button -->
<input type="image" src="submit_button_image.gif" />
</form>

Answer 2

当然，将<input type="submit" style="display:none;" />添加到表单的末尾，应该欺骗浏览器允许Enter键提交表单。

获得与AJAX onclick事件相同的功能：您应该将ajax函数绑定到<form>的{{1}}事件，而不是submit '<input>事件。

jsfiddle demonstration（使用jQuery轻松实现ajax，但您的活动不需要）

Answer 3

嗯，我可以考虑几件事情。

最合适的 - 有人提到你可以将提交按钮设置为图像样式。好主意，很容易。这个教程在前一段时间作为答案发布http://www.ampsoft.net/webdesign-l/image-button.html。

另一个问题是，您将提交事件绑定到onclick，但表单的自然提交是onsubmit。因此，如果您在表单输入上按Enter键，表单将收到onsubmit事件。你必须将你的JS绑定到它。

当你使用jquery时，它会像@phleet一样回答，当你不使用任何库时，你可以做类似的事情

<form onsubmit="YOUR_JS_HERE">.....</form>

像onclick一样。我也建议使用jQuery。

使用Hit Enter在PHP中提交表单

3 个答案: