如果我在提交时禁用提交按钮,则表单将在不发布表单字段的情况下提交

时间:2014-05-01 14:15:21

标签: jquery forms jquery-ui

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

我的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"
        }
    });
});

2 个答案:

答案 0 :(得分:1)

首先,为了禁用按钮,你需要使用jquery的attr属性,如果你想在提交后禁用该按钮。如果您在提交后没有收到任何帖子值,请尝试检查&lt;形式&gt;方法,行动等属性。尝试使用选择器作为ID(#formID)

$(document).ready(function() {
    $('#formid').submit(function() {
       $( ".btn_save" ).attr( "disabled", true );
    });
});

答案 1 :(得分:1)

您需要设置一个选项:

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

请参阅Button Widget