表单提交和Ajax调用
问题描述:
我在提交表单时遇到问题。表单提交和Ajax调用
这里的情况是
<form ....>
<input type="text" id="ajax"> <img onclick="saveTextBox">
<input type="text">
<input type="text">
<input type="text">
</form>
在上面的表格时,IMG的就是点击我称之为Ajax脚本保存按钮。 没关系。
我需要的是当我专注于文本框Ajax调用ajaxscript(没有点击img)。
我添加一个jQuery来管理key = 13并调用脚本,但问题是运行Ajax脚本并提交表单。
当我关注Ajax文本框并按Enter键时,如何覆盖表单提交?
答
首先。将图像废弃并用real submit button替换。
然后。处理表单元素的onsubmit事件中的所有JS交互。取消默认动作,以便JS运行并且正常的表单提交不会(当JS可用时)。
总之:是pragmatic,建立在有效的东西上,并在恰当的时刻拦截事件。不要忽略元素的主要目的,并创建一个全新的方式来触发它已经做的事情。
答
样本事件的功能,将停止提交事件:
function submitHandler() {
// do ajax stuff here
return false;
}
虽然这在理论上可以回答这个问题,我们希望你能包括在你的答案链接的文章的主要部分,并提供[链接供参考](http://meta.stackexchange.com/q/8259)。如果做不到这一点,答案就会受到链接腐败的威胁。 – Kev 2012-05-01 21:18:33