70 lines
2.0 KiB
JavaScript
70 lines
2.0 KiB
JavaScript
// Toggle NIK
|
|
$("#jenis-nasabah").on("change", function () {
|
|
const jenis = parseInt($(this).val());
|
|
const nik = $("#nik").parent();
|
|
|
|
if (jenis == 0) {
|
|
nik.removeClass("d-none").addClass("fade-in");
|
|
$("#nik").attr("disabled", false);
|
|
} else {
|
|
nik.addClass("fade-out");
|
|
|
|
nik.on("animationend", function () {
|
|
nik.addClass("d-none").removeClass("fade-out");
|
|
$("#nik").attr("disabled", true);
|
|
nik.off("animationend");
|
|
});
|
|
}
|
|
});
|
|
|
|
// Toggle Password
|
|
$("#togglePassword").on("click", function () {
|
|
const $passwordField = $("#password");
|
|
const passwordFieldType = $passwordField.attr("type");
|
|
|
|
if (passwordFieldType === "password") {
|
|
$passwordField.attr("type", "text");
|
|
} else {
|
|
$passwordField.attr("type", "password");
|
|
}
|
|
});
|
|
|
|
$("#nik").on("input", function () {
|
|
// Menghapus semua karakter yang bukan angka
|
|
$(this).val($(this).val().replace(/\D/g, ""));
|
|
|
|
// Memastikan panjang input tidak melebihi 16 karakter
|
|
if ($(this).val().length > 16) {
|
|
$(this).val($(this).val().slice(0, 16));
|
|
}
|
|
});
|
|
|
|
// Toggle jenis Akun
|
|
$("#jenisAkun").on("click", function () {
|
|
const teksJenis = $("#text-jenis-akun");
|
|
const deskripsiJenis = $("#deskripsi-jenis-akun");
|
|
const labelNama = $("#label-nama");
|
|
const jenisNasabah = $("#jenis-nasabah").parent();
|
|
const jenisBankSampah = $("#jenis-bank-sampah").parent();
|
|
|
|
if ($(this).is(":checked")) {
|
|
// Action buat Bank Sampah
|
|
teksJenis.text("Bank Sampah");
|
|
deskripsiJenis.text(
|
|
"Daftarkan Bank Sampah anda sekarang untuk lingkungan yang lebih indah 🌳"
|
|
);
|
|
labelNama.text("Nama Bank Sampah");
|
|
jenisBankSampah.removeClass("d-none");
|
|
jenisNasabah.addClass("d-none");
|
|
} else {
|
|
// Action buat Nasabah
|
|
teksJenis.text("Nasabah");
|
|
deskripsiJenis.text(
|
|
"Buat akun nasabah pertama anda dan mulai menabung di E-Bank Sampah 🗑️"
|
|
);
|
|
labelNama.text("Nama Lengkap");
|
|
jenisBankSampah.addClass("d-none");
|
|
jenisNasabah.removeClass("d-none");
|
|
}
|
|
});
|