2010-06-18 44 views
1

我使用图片代替提交表单PHP中的提交按钮的搜索选项和使用的onclick事件加载使用AJAX在php.Now我需要加载的命中结果输入结果also.Is他们的任何方法来更新我的应用程序而不更改图像使用敲回车

感谢

+0

你所说的“更新而不改变图像应用程序”呢?无论是否有提交按钮,如果您按下回车键,表单会不会自动提交? – 2010-06-18 07:47:11

+0

您是否可以不使用图像设计输入按钮,因此它仍保持相同的键盘事件? – 2010-06-18 07:47:32

+0

@pekka我认为你需要一个输入/返回键事件的提交按钮。 – 2010-06-18 07:48:23

回答

0

当然,加<input type="submit" style="display:none;" />到窗体结束,应该欺骗浏览器到允许Enter键提交表单。

至于获得相同的功能的AJAX onclick事件:你应该捆绑你的Ajax功能的<form>submit事件而不是<input>click事件。

jsfiddle demonstration(用jQuery进行AJAX的易用性,但您的事件不必)

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> 
+0

谢谢you.This是一个好主意了我试试 – abhis 2010-06-18 07:56:27

0

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

fitst一个 - 有人提到你可以风格提交按钮的图像。好主意,这很容易。本教程前段时间发布为答案http://www.ampsoft.net/webdesign-l/image-button.html

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

它的工作原理genrally在回答@phleet当你使用jQuery的,当你不使用任何库,你可以这样做

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

像的onclick。不过,我也推荐使用jQuery。