我使用图片代替提交表单PHP中的提交按钮的搜索选项和使用的onclick事件加载使用AJAX在php.Now我需要加载的命中结果输入结果also.Is他们的任何方法来更新我的应用程序而不更改图像。使用敲回车
感谢
我使用图片代替提交表单PHP中的提交按钮的搜索选项和使用的onclick事件加载使用AJAX在php.Now我需要加载的命中结果输入结果also.Is他们的任何方法来更新我的应用程序而不更改图像。使用敲回车
感谢
当然,加<input type="submit" style="display:none;" />
到窗体结束,应该欺骗浏览器到允许Enter键提交表单。
至于获得相同的功能的AJAX onclick
事件:你应该捆绑你的Ajax功能的<form>
的submit
事件而不是<input>
的click
事件。
jsfiddle demonstration(用jQuery进行AJAX的易用性,但您的事件不必)
我不知道你正在使用的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>
谢谢you.This是一个好主意了我试试 – abhis 2010-06-18 07:56:27
嗯,有几件事情我可以考虑一下。
fitst一个 - 有人提到你可以风格提交按钮的图像。好主意,这很容易。本教程前段时间发布为答案http://www.ampsoft.net/webdesign-l/image-button.html。
的另一个问题是,你绑定你提交事件的onclick,但自然提交表单的onsubmit。因此,如果您在表单输入中输入表单,则会收到提交事件。你必须绑定你的JS。
它的工作原理genrally在回答@phleet当你使用jQuery的,当你不使用任何库,你可以这样做
<form onsubmit="YOUR_JS_HERE">.....</form>
像的onclick。不过,我也推荐使用jQuery。
你所说的“更新而不改变图像应用程序”呢?无论是否有提交按钮,如果您按下回车键,表单会不会自动提交? – 2010-06-18 07:47:11
您是否可以不使用图像设计输入按钮,因此它仍保持相同的键盘事件? – 2010-06-18 07:47:32
@pekka我认为你需要一个输入/返回键事件的提交按钮。 – 2010-06-18 07:48:23