代码之家  ›  专栏  ›  技术社区  ›  Harsha M V

jQuery Ajax表单提交-提交时禁用

  •  0
  • Harsha M V  · 技术社区  · 14 年前

    Ajax表单提交可用性当我提交表单时,我希望在上次提交之前禁用要提交的表单。我可以通过禁用输入或文本区域来实现这一点吗?或者我也应该禁用提交按钮吗?

    2 回复  |  直到 14 年前
        1
  •  4
  •   Dominik Seibold    14 年前

    通过让其onsubmit处理程序返回false,可以禁用表单提交:

    <form onsubmit="return false">...
    

    当然,您会有一个javascript函数来决定是否提交:

    <form onsubmit="return myDecisionFunction()">...
    

    您的案例中的决策函数可能如下所示:

    var submissionEnabled = true;
    function myDecisionFunction() {
       if (submissionEnabled) {
           submissionEnabled = false;
           return true;
       } else {
           return false;
       }
    }
    

    在ajax响应出现之后,再次启用它:

    submissionEnabled = true;
    
        2
  •  1
  •   jameserie    14 年前

    我是通过禁用submit按钮来实现的。

    $("#submit").click(function(){
        $(this).attr('disabled', 'disabled');
        $("#form").submit();
    })