forms - 表单提交和 Ajax 调用

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 文本框并按 Enter 键时，如何覆盖表单 sumit？

Answer 1

第一的。报废图像并用真正的提交按钮替换它。

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

简而言之：务实，建立在有效的基础上，并在适当的时候拦截事件。不要忽视元素的主要目的，并创建一种全新的方式来触发它已经完成的事情。

Answer 2

返回假。

Answer 3

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

function submitHandler() {
    // do ajax stuff here

    return false;
}