ログインページでフォームを表示/非表示するには、以下の JavaScript を使用します。（プロモーションページ）と呼ばれる別のページからアカウントの作成とログインボタンがあります。ユーザーがログインを押すと、デフォルトでログインフォームを読み込むように設定されているため、それに応じて読み込まれますが、ユーザーがアカウントの作成をクリックすると、代わりにアカウントの作成フォームを読み込みます。
この JS は、プロモーション ページではなく、ログイン ページにのみ読み込まれます。私は JS を初めて使用するので、この読み込みを続行するための正しい方法についてアドバイスを求めたいと思います。
たとえば、[作成] ボタンがプロモーション ページからクリックされた場合に変数を保存し、ページが読み込まれたときにそれを検出しますか? 等
ログインページのスクリプト
<script>
jQuery(document).ready(function() {
App.init();
Login.init();
});
上記のコードの後にロードインページにロードされたスクリプト
var Login = function () {
return {
//main function to initiate the module
init: function () {
invalidHandler: function (event, validator) { //display error alert on form submit
},
highlight: function (element) { // hightlight error inputs
$(element)
.closest('.control-group').addClass('error'); // set error class to the control group
},
success: function (label) {
label.closest('.control-group').removeClass('error');
label.remove();
},
errorPlacement: function (error, element) {
error.addClass('help-small no-left-padding').insertAfter(element.closest('.input-icon'));
},
submitHandler: function (form) {
window.location.href = "index.html";
}
});
$('.forget-form input').keypress(function (e) {
if (e.which == 13) {
if ($('.forget-form').validate().form()) {
window.location.href = "index.html";
}
return false;
}
});
jQuery('#forget-password').click(function () {
jQuery('.login-form').hide();
jQuery('.forget-form').show();
});
jQuery('#back-btn').click(function () {
jQuery('.login-form').show();
jQuery('.forget-form').hide();
});
invalidHandler: function (event, validator) { //display error alert on form submit
},
highlight: function (element) { // hightlight error inputs
$(element)
.closest('.control-group').addClass('error'); // set error class to the control group
},
success: function (label) {
label.closest('.control-group').removeClass('error');
label.remove();
},
errorPlacement: function (error, element) {
if (element.attr("name") == "tnc") { // insert checkbox errors after the container
error.addClass('help-small no-left-padding').insertAfter($('#register_tnc_error'));
} else {
error.addClass('help-small no-left-padding').insertAfter(element.closest('.input-icon'));
}
},
submitHandler: function (form) {
window.location.href = "index.html";
}
});
jQuery('#register-btn').click(function () {
jQuery('.login-form').hide();
jQuery('.register-form').show();
});
jQuery('#register-back-btn').click(function () {
jQuery('.login-form').show();
jQuery('.register-form').hide();
});
}
};
}();