如何在提交表单时使用javascript禁用页面内容

How to disable page content using javascript when the form is submitted

本文关键字：javascript 提交 表单      更新时间：2023-09-26

在我的应用程序中，当我点击表单提交时，服务调用发生了。当服务调用发生时，我需要我需要禁用页面内容，直到下一个页面加载

如我所给的光标:等待鼠标指针变为加载符号，不允许在页面上点击。但是我仍然可以使用tab键来输入或更改页面中的值。

谁能告诉代码禁用页面内容使用透明图像?

这比使用透明图像要容易得多:

$('body.waiting > *').on('click', function(e) {
    e.preventDefault();
});

我认为你应该只禁用提交输入，例如:

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

使用"overlay"，在页面顶部添加一个绝对div:

<div id="overlay" style="position:absolute;background:url('trans.png');left:0;top:0;width:100%;height:100%;display:none;"></div>

然后在提交表单时简单地显示它:

$('#overlay').show();
相关文章：