提交按钮加载相同的页面，禁用按钮

Question

我的代码在单击按钮后加载了相同的页面，但是我想要禁用按钮加载的页面。下面是java脚本代码。

function disableSendVerifButton()
{
   $( '.sendVerificationButton' ).html( 'Verification Sent' );
   $( '.sendVerificationButton' ).attr( "disabled", true );

   // Change the button color
   $( '.sendVerificationButton' ).addClass( 'gray' );
}

但是，由于同一页面加载，该按钮不会被禁用并加载正常按钮。请帮忙。

Answer 1

您可以在reload / submit上设置查询字符串，f.ex：

http://domain.com/?submitted

然后在javascript中查找：

if ( /^\?submitted/.test(window.location.search) ) {
    disableSendVerifButton();
}

使用Cookie ：在重新加载之前，在提交/点击上执行此类操作：

document.cookie='submitted=1;'

然后：

if ( /submitted\=1;/.test(document.cookie) ) {
    document.cookie='submitted=; expires=Thu, 01 Jan 1970 00:00:01 GMT;'
    disableSendVerifButton();
}

其他选项是localstorage或通过ajax提交。