首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >单击输入时使用jQuery忽略表单提交

单击输入时使用jQuery忽略表单提交
EN

Stack Overflow用户
提问于 2012-04-17 20:07:58
回答 5查看 5.1K关注 0票数 2

我有一个带有提交输入的表单,我需要在单击按钮时,我的脚本执行一些Ajax操作。另外,我需要在Ajax请求期间禁用该按钮。所以我需要一个jQuery命令来避免在输入被点击时提交真正的表单。我试着使用这个:

代码语言:javascript
复制
$('input.searchplease').click(function () {
    $(this).attr('disabled', 'disabled');

    alert('Yep');
    //Do Ajax
});

这不管用。我的意思是,警报显示正确,但表单已提交。那么你的建议是什么呢?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2012-04-17 20:09:49

试试这个:

代码语言:javascript
复制
$('input.searchplease').click(function (e) {
   $(this).attr('disabled', 'disabled');

   alert('Yep');
   //Do Ajax

   e.preventDefault();
});
票数 7
EN

Stack Overflow用户

发布于 2012-04-17 20:10:09

代码语言:javascript
复制
$('input.searchplease').click(function () {
    alert('yep');
    return false;
});

这应该是可行的

票数 1
EN

Stack Overflow用户

发布于 2012-04-17 20:10:03

您可以这样做:

代码语言:javascript
复制
$('form').submit(function(){
    ... ajax things

    return false;
});

除非迫不得已,否则我不会禁用按钮(然后再启用它)。

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

https://stackoverflow.com/questions/10190935

复制
相关文章

相似问题

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