【问题标题】:If I disable the submit button on submit, form is submitted without posting form fields如果我在提交时禁用提交按钮,则提交表单而不发布表单字段
【发布时间】:2014-05-01 14:15:21
【问题描述】:

如果我在提交时禁用提交按钮,则该按钮将被禁用并提交表单。但是,在发布表单时不会发布其他表单域。

我的 HTML 代码:

<form name="form1" method="post" >
    <input name="test" value="" />
    <button name="submit" type="submit" id="submit" class="btn_save">Save</button>
</form>

我的 jQuery 代码:

$(document).ready(function() {
    $('form').submit(function() {
        $( ".btn_save" ).button( "disable" );
    });
});


$(function() {
    $( ".btn_save" ).button({
        icons: {
            primary: "ui-icon-check"
        }
    });
});

【问题讨论】:

  • 什么是.button() 方法? Boostrap 一个还是什么?至少,添加对相关插件的引用
  • 也放HTML代码。
  • 能否请您发布您的html表单代码?
  • 如果您使用 jQuery UI 或其他一些 ui 库,请将其添加为标签或在您的问题中提及。 jQuery 和 html 表单没有 .button 方法。
  • 没问题。我已经添加了 html、完整的 jquery 代码和 jquery-ui 标签。

标签: jquery forms jquery-ui


【解决方案1】:

你需要设置一个选项:

$(document).ready(function() {
    $('form').submit(function() {
        $( ".btn_save" ).button({ disabled: true });
    });
});

Button Widget

【讨论】:

  • 谢谢,但这就是设置选项的方法。我用的方法。
【解决方案2】:

首先要禁用按钮,您需要使用 jquery 的 attr 属性,如果您希望按钮在提交后禁用。如果您在提交后没有收到任何帖子值,请尝试检查

属性,例如 method、action 。尝试使用选择器作为 ID (#formID)
$(document).ready(function() {
    $('#formid').submit(function() {
       $( ".btn_save" ).attr( "disabled", true );
    });
});

【讨论】:

  • 感谢您的快速回复。如果我使用 attr 属性,则表单提交正确,但按钮未禁用,或者至少未显示禁用。 (我使用 Chrome)。
  • 我想它并没有真正显示出任何不同,但它被禁用了。
  • 尝试$(".btn_save").attr("disabled", true);
  • 重点是.button( "disabled" ) 更新了按钮的显示,但没有正确禁用它。两者兼得。
猜你喜欢
  • 2018-06-30
  • 2016-04-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-04-10
相关资源
最近更新 更多