javascript - 当处理请求发布ajax时，如何禁用此表单中的表单(用户无法检查、填充文本、选择下拉列表等)？

Question

当处理请求发布ajax时，如何禁用此表单中的表单(用户无法检查、填充文本、选择下拉列表等)？

我想在处理发送ajax帖子时禁用表单id="f1"，我该怎么做？

<script>
function send_requests_data(){
    $('#demoajax').hide();
    $('#loading').show();
    $.ajax({
        url: 'test.php',
        type: 'POST',
        data: $('#f1').serialize(),
        success: function(data){
            $("#loading").fadeOut("slow");
            $('#demoajax').show();
            $('#demoajax').html(data);
            }
        });
    return false;
}
// on load page call function code //
$(document).ready(send_requests_data());
</script>

Answer 1

可能的答案可以在这里找到: disable all form elements inside div

TL;DR 尝试添加这个:

$("#parent-selector :input").attr("disabled", true);

到 ajax 调用，其中父选择器是 div 或表单 id。