window.checkMask = (element)=> {
  var bankName = element.val().toUpperCase();

  $("#account_number").val('');
  $("#account_name").val('');
  if (bankName == "BCA") {
    $("#account_number").mask("999-999-9999");
    bankLength = 10;
    removeAttr('#account_number');
    attrUpDownString('#account_name');
  } else if (bankName == "MANDIRI") {
    $("#account_number").mask("999-99-9999-9999");
    bankLength = 13;
    removeAttr('#account_number');
    attrUpDownString('#account_name');
  } else if (bankName == "BNI") {
    $("#account_number").mask("999-999-9999");
    bankLength = 10;
    removeAttr('#account_number');
    attrUpDownString('#account_name');
  } else if (bankName == "BRI") {
    $("#account_number").mask("999-99-9999-9999-99");
    bankLength = 15;
    removeAttr('#account_number');
    attrUpDownString('#account_name');
  } else if (bankName == "CIMB") {
    $("#account_number").mask("999-999-9999-999");
    bankLength = 13;
    removeAttr('#account_number');
    attrUpDownString('#account_name');
  } else if (bankName == "PERMATA") {
    $("#account_number").mask("999-999-9999-9999-99");
    bankLength = 10;
    removeAttr('#account_number');
    attrUpDownString('#account_name');
  } else if(bankName=="MAYBANK"){
    $("#account_number").mask("999-999-9999");
    bankLength = 10;
    removeAttr('#account_number');
    attrUpDownString('#account_name');
  } else if(bankName=="MEGA"){
    $("#account_number").mask("999-99-9999-9999-99");
    bankLength = 15;
    removeAttr('#account_number');
    attrUpDownString('#account_name');
  } else if(bankName=="PANIN"){
    $("#account_number").mask("999-999-9999");
    bankLength = 10;
    removeAttr('#account_number');
    attrUpDownString('#account_name');
  } else if(bankName=="GJK"){
    $("#account_number").unmask();
    removeAttr('#account_number');
    attrUpDownNumber('#account_number');
    bankLength = 10;
  } else if (bankName == "DANA" || bankName == "OVO" || bankName == "GOPAY" || bankName == "LINKAJA") {
    $("#account_number").mask("9999-9999-9999-9");
    bankLength = 13;
    bankMinLength = 10;
    removeAttr('#account_name');
    removeAttr('#account_number');
    attrUpDownNumber('#account_number');
  }else{
    $("#account_number").unmask();
    bankLength = 20;
  }
}

function removeAttr(id){
  $(id).removeAttr('onkeyup onkeydown');
}
function attrUpDownNumber(id) {
  $(id).attr({
    onkeydown : "this.value=this.value.replace(/[^0-9]/g,'');",
    onkeyup : "this.value=this.value.replace(/[^0-9]/g,'');"
  });
}
function attrUpDownString(id) {
  $(id).attr({
    onkeydown : "this.value=this.value.replace(/[^a-zA-Z ]/,'');",
    onkeyup : "this.value=this.value.replace(/[^a-zA-Z ]/,'');"
  });
}