Question

我使用以下Ajax脚本发布数据并禁用发送按钮和表单字段。目前只有提交按钮在点击时禁用，但我希望禁用所有字段。

这就是为什么我添加了var compl_form = $('form#updateBeschikbaarheid');和compl_form.attr("disabled", "disabled");

但那不会奏效。

<script type="text/javascript">
$(document).ready(function(){
    $("form#updateBeschikbaarheid").submit(function(event) {
        event.preventDefault();
        var formData = $(":input,:hidden").serialize();
        var btnSubmit = $('#uploadenFormSend'); 
        var compl_form = $('form#updateBeschikbaarheid');
        $.ajax({
            type: "POST",
            url: "beschikbaarheid.insert.php",
            data: formData,
            success: function(result){ /* GET THE TO BE RETURNED DATA */
                $("#resultaat").html(result); /* THE RETURNED DATA WILL BE SHOWN IN THIS DIV */      
                btnSubmit.val("Wacht op goedkeuring"); // put your normal text
                btnSubmit.attr("disabled", "disabled");
                compl_form.attr("disabled", "disabled");
            }
        });
    });
});
</script>

形式：

<form method="post" id="updateBeschikbaarheid" name="updateBeschikbaarheid">
    <input type="time" name="zaterdag_van" id="zaterdag_van" value="">  
    <input type="time" name="zaterdag_tot" id="zaterdag_tot" value="">
    <input type="submit" class="button-pink" value="<?php echo $button_text; ?>" id="uploadenFormSend" name="uploadenFormSend">
</form>

Answer 1

您无法禁用此类表单，但您可以禁用输入：

$(':input').prop('disabled', true);

或旧版本的jQuery

$(':input').attr('disabled', 'disabled');

.prop() .attr()

编辑：根据您在评论中的问题，您可以选择启用选择框：

$(':input').not('select').attr('disabled', 'disabled');

Answer 2

compl_form.prop("disabled", true);

试试这个。

Ajax禁用表单字段

2 个答案: