Question

提交表单时遇到问题。

情况如下

<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文本框并点击回车键时，如何覆盖表单sumit？

Answer 1

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

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

简而言之：be pragmatic，建立有效的东西，并在适当的时刻拦截事件。不要忽略元素的主要目的，并创建一种全新的触发方式。

Answer 2

Return false

Answer 3

将停止提交事件的示例事件函数：

function submitHandler() {
    // do ajax stuff here

    return false;
}

表单提交和Ajax调用

3 个答案: