Отключить форму во время NProgress

Question

Я новичок в NProgress , и я внедрил его в свой проект

Добавить этот скрипт для NProgress

 <link href="~/Content/nprogress.css" rel="stylesheet" />
 <script src="~/Scripts/nprogress.js"></script>

     // Increase randomly
    var interval = setInterval(function () { NProgress.inc(); }, 3000);

    ////// Trigger finish when page fully loaded
    jQuery(window).load(function () {
        clearInterval(interval);
        NProgress.done();
    });

    ////// Trigger bar when exiting the page
    jQuery(window).unload(function () {
        NProgress.start();
    });

    $("[type=submit]").click(function () {            
        NProgress.start();
        //$("button").attr("disabled", "disabled");
        //$("input").attr("disabled", "disabled");
        //$("select").attr("disabled", "disabled");           
    });

Мне нужно реализовать панель NProgress на кнопке сохранения, и во время сохранения Я хочу добиться функциональности, чтобы при сохранении с помощью панели NProgress

не нужно было ничего нажимать или редактировать.

Как реализовать с помощью бара NProgress

Спасибо,

Answer 1

Вы можете достичь желаемого для достижения функциональности, которую не следует нажимать или редактировать. что-нибудь при сохранении с помощью NProgress bar

$(document).ready(function () {

var interval = setInterval(function () { NProgress.inc(); }, 1);

$(this).ajaxSuccess(function () {
    $("button").css("pointer-events", "visible");
    $("input").removeAttr("readonly");
    $("select").removeAttr("readonly");
    clearInterval(interval);
    NProgress.done();
});


$(this).ajaxError(function () {
    MakeReadWrite();
    clearInterval(interval);
    NProgress.done();
});

// Trigger finish when page fully loaded
jQuery(window).load(function () {
    clearInterval(interval);
    NProgress.done();
});

// Trigger bar when exiting the page
jQuery(window).unload(function () {
    NProgress.start();
});

$("[type=submit]").click(function () {            
    $("button").css("pointer-events", "none");
    $("input").attr("readonly");
    $("select").attr("readonly");
    NProgress.start();        
});    

 });