表单提交后隐藏按钮并将状态保存到本地存储

时间：2020-02-11 作者：Paranoia

我正在尝试在提交后禁用表单按钮（联系表单7），然后将禁用状态保存到localstorage。这将在提交后禁用按钮：

jQuery(document).ready(function($) {
    $("#buttonID").click(function () {
    setTimeout(function () { disableButton(); }, 100);
});

function disableButton() {
    $("#buttonID").prop(\'disabled\', true);
    }
});
如何将禁用状态保存到localstorage，使其保持禁用状态？

2 个回复
SO网友:RiddleMeThis

您可以使用一行将项目保存到本地存储。像这样的。。。

localStorage.setItem("isDisabled", "true");

然后，您可以稍后通过执行以下操作来检查值。。。

if(localStorage.getItem("isDisabled")===null) {
   //
}
或将值从true更新为false。。。

localStorage.setItem(\'isDisabled\', \'false\');

SO网友:Ismail

To s一ve 一 key (but型t型on我D.d我s一bled 我n t型h类我s ex个一m级ple) t型o loc一lst型or一g级e you c一n use:

&#x个A.;&#x个A.;
loc一lSt型or一g级e.set型我t型em级(\'but型t型on我D.d我s一bled\', 1.)&#x个A.;
&#x个A.;&#x个A.;

To re一d t型h类一t型 key l一t型er:

&#x个A.;&#x个A.;
loc一lSt型or一g级e.g级et型我t型em级(\'but型t型on我D.d我s一bled\')&#x个A.;
&#x个A.;&#x个A.;

我m级plem级ent型我ng级 t型h类一t型 我n your code:

&#x个A.;&#x个A.;
jQuery(docum级ent型).re一dy(funct型我on($) {&#x个A.;    $(“”#but型t型on我D“”).cl我ck(funct型我on () {&#x个A.;    set型T我m级eout型(funct型我on () {&#x个A.;      d我s一bleBut型t型on();&#x个A.;      // pers我st型 key&#x个A.;      loc一lSt型or一g级e.set型我t型em级(\'but型t型on我D.d我s一bled\', 1.)&#x个A.;    }, 1.00);&#x个A.;&#x个A.;    // d我s一ble but型t型on l一t型er b一sed on loc一lst型or一g级e key presence&#x个A.;    loc一lSt型or一g级e.g级et型我t型em级(\'but型t型on我D.d我s一bled\') &一m级p;&一m级p; d我s一bleBut型t型on()&#x个A.;});&#x个A.;&#x个A.;funct型我on d我s一bleBut型t型on() {&#x个A.;    $(“”#but型t型on我D“”).prop(\'d我s一bled\', t型rue);&#x个A.;    }&#x个A.;});&#x个A.;
&#x个A.;

标签： plugins   jquery   forms   plugin-contact-form-7   小码农  

相关推荐

停止运行主题的jQuery函数

在里面一个主题的js文件，有两个事件使用一个函数：$j( window ).on( \'load\', function() { functionName(); } ); $j( document ).ajaxComplete( function() { functionName(); } ); 我想阻止它通过任何一个函数执行。php或我自己的插件，因为我已经编写了相同的功能。我不想编辑。主题的js文件。这完全可行吗？