使用会话存储在表单提交后显示消息时出现问题

Question

我正试图在提交表单后使用会话存储来显示消息。我已经把它发挥到了一定的作用，但我想知道是否有更好的方法来优化这个代码？提前感谢

在此处校准函数；

$(document).on('click', '#submit', function() {
window.history.replaceState(null, null, "?account=pending");
$(this).addClass('active');
$('.reset__button').removeClass('active');
$('.create_account_b2b').hide();
$('.login_account_b2b').show();
$('.reset_password_b2b').hide();
handleMessage();
});

以下是使用会话存储的功能

function handleMessage(){
var create = sessionStorage.getItem('account');
if(create == '1'){
// display the under review message here
sessionStorage.setItem('account','0');
$('p.login-message').text('Your Account Is Currently Under Review and we will be in touch within 2 weeks');
} else {
// toggle back to orginal message
sessionStorage.setItem('account','1');
$('p.login-message').text('Please login to access our Wholesale store');
}
}
handleMessage();

Answer 1

您可以将Jquery部分组合在一起。

$('.create_account_b2b, .reset_password_b2b').hide();

和

function handleMessage(action = 'login'){
// Default Message
$('p.login-message').text('Please login to access our Wholesale store');
if(action == 'create') {
$('p.login-message').text('Your Account Is Currently Under Review and we will be in touch within 2 weeks');
}
}

现在我们已经添加了一个默认参数字符串login，在页面刷新时，您将看到登录消息。

通过将参数作为传递，在表单提交中调用handleMessage函数

handleMessage('create')