首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >表单提交和Ajax调用

表单提交和Ajax调用
EN

Stack Overflow用户
提问于 2009-11-05 16:17:02
回答 3查看 1.1K关注 0票数 0

我在提交表单时遇到问题。

情况是这样的

代码语言:javascript
运行
复制
<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?

EN

回答 3

Stack Overflow用户

发布于 2009-11-05 23:13:02

第一。剪切图像并将其替换为real submit button

然后。处理表单元素的onsubmit事件中的所有JS交互。取消默认操作,这样JS将运行,而普通表单提交则不会(当JS可用时)。

简而言之:做pragmatic,建立在有效的基础上,并在适当的时候拦截事件。不要忽视元素的主要用途,并创建一种全新的方式来触发它已经在做的事情。

票数 1
EN

Stack Overflow用户

发布于 2009-11-05 23:02:11

Return false

票数 0
EN

Stack Overflow用户

发布于 2009-11-06 20:17:41

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

代码语言:javascript
运行
复制
function submitHandler() {
    // do ajax stuff here

    return false;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1679070

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档