表单提交和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键时，如何覆盖表单提交？

来源

2009-11-05 ntan

Return false。

来源

2009-11-05 15:02:10

虽然这在理论上可以回答这个问题，我们希望你能包括在你的答案链接的文章的主要部分，并提供[链接供参考]（http://meta.stackexchange.com/q/8259）。如果做不到这一点，答案就会受到链接腐败的威胁。 – Kev 2012-05-01 21:18:33

首先。将图像废弃并用real submit button替换。

然后。处理表单元素的onsubmit事件中的所有JS交互。取消默认动作，以便JS运行并且正常的表单提交不会（当JS可用时）。

总之：是pragmatic，建立在有效的东西上，并在恰当的时刻拦截事件。不要忽略元素的主要目的，并创建一个全新的方式来触发它已经做的事情。

来源

2009-11-05 15:13:02 Quentin

样本事件的功能，将停止提交事件：

function submitHandler() { 
    // do ajax stuff here 

    return false; 
}

来源

2009-11-06 12:17:40

表单提交和Ajax调用

回答

相关问题