使用Hit Enter在PHP中提交表单

时间:2010-06-18 07:44:35

标签: php ajax

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

由于

3 个答案:

答案 0 :(得分:0)

我不知道你正在使用什么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>

答案 1 :(得分:0)

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

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

jsfiddle demonstration(使用jQuery轻松实现ajax,但您的活动不需要)

答案 2 :(得分:0)

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

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

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

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

<form onsubmit="YOUR_JS_HERE">.....</form>
像onclick一样。我也建议使用jQuery。