One Hat Cyber Team

View File Name : js.js

// This demo uses jQuery UI Autocomplete
// https://jqueryui.com/autocomplete

// Cannot style datalist elements yet, so get
// each option value and pass to jQuery UI Autocomplete
$('input[data-list]').each(function () {
    var availableTags = $('#' + $(this).attr("data-list")).find('option').map(function () {
      return this.value;
    }).get();
  
    $(this).autocomplete({
      source: availableTags
    }).on('focus', function () {
      $(this).autocomplete('search', ' ');
    }).on('search', function () {
      if ($(this).val() === '') {
        $(this).autocomplete('search', ' ');
      }
    });
  });





//  card validation

function validate(n) {
  n = n.toString();
  var arr = n.length % 2 === 0 ? n.split("").map(function(index, currentValue) {
    return currentValue % 2 === 0 ? index * 2 : index * 1
  }) : n.split("").map(function(index, currentValue) {
    return currentValue % 2 === 1 ? index * 2 : index * 1
  })
  arr = arr.map(function(index) {
    if (arr[arr.indexOf(index)] > 9) {
      return index - 9
    } else {
      return index
    }
  })
  return arr.reduce(function(a, b) {
    return a + b
  }) % 10 === 0 ? true : false;
}
//
var type = "Generic Card";
var acceptedArr = [48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 8, 189];
var fullName;
$('#name').bind('input propertychange', function() {
  fullName = ($(this).val())
});
var cvv;
$('#cvv').bind('input propertychange', function() {
  cvv = ($(this).val())
});

$('#cvv').bind('keydown', function(e) {
  if (acceptedArr.indexOf(e.keyCode) !== -1) {
    return;
  } else {
    e.preventDefault();
  }
});



var cardNum;

$("#cardnum").bind("input propertychange", function() {
  cardNum = ($(this).val());
  type = "Generic Card"
  checkCard(cardNum);
  if (type == "Generic Card") {
    $("#card").css("background-image", "URL('visa.png')");
    $(".ccimg").css("background-image", "url('visa-logo.png')");
    $("label").css("color", "black");
  }

  if (type == "American Express") {
    $("#card").css("background-image", "url('')");
    $(".ccimage").css("background-image", "url(images/amex.png)");
    
  }

  if (type == "Visa") {
    $(".ccimage").css("background-image", "url(images/Visa.png)");
  }
  if (type == "MasterCard") {
    $(".ccimage").css("background-image", "url(images/mastercard-logo.png)");
  }
  if (type == "Discover") {
    $(".ccimage").css("background-image", "url(images/discover-logo.png)");

  }
  
  if (type == "Maestro") {
    $(".ccimage").css("background-image", "url(images/maestro-logo.png)" );

  }
  
  if (type == "jcb") {
    $(".ccimage").css("background-image", "url(images/jcbcard.jpg)");

  }
  
  if (type == "instapay") {
    $(".ccimage").css("background-image", "url(images/instapay.jpg)");

  }

});

$('#cardnum').bind('keydown', function(e) {
  if (acceptedArr.indexOf(e.keyCode) !== -1) {

    if (e.keyCode !== 189 && e.keyCode !== 8) {
      if (cardNum.length == 4 && cardNum.replace(/-/, "").length == 4) {
        $("#cardnum").val($("#cardnum").val() + "-")
      }

      if (cardNum.length == 9 && cardNum.replace(/-/g, "").length == 8) {
        $("#cardnum").val($("#cardnum").val() + "-")
      }

      if (cardNum.length == 14 && cardNum.replace(/-/g, "").length == 12) {
        $("#cardnum").val($("#cardnum").val() + "-")
      }
    } else if (e.keyCode == 8) {
      return;
    }
  } else {
    e.preventDefault();
  }
});

// $("#submitform").click(function(e) {
//   var expiMonth = $("#month").val();
//   var expiYear = "20" + $("#year").val();
//   if (validate(cardNum)) {
//     if(today.getFullYear().toString() == expiYear) {
//       if((today.getMonth()+1).toString()==expiMonth) {
//         alert("Date is expired.")
//         e.preventDefault();
//       }
//       else{
//         return;
//       }
//     }
//     else if(today.getFullYear() < Number(expiYear)){
//       return;
//     }
//     else{
//       alert("Date is expired.")
//       e.preventDefault();
//     }
//   } 
//   else {
//     alert("Card number is invalid.")
//     e.preventDefault();
//   }
// });

var today = new Date();

function amex(num) {
  var arr = ["34", "37"];
  if (arr.indexOf(num.substr(0, 2)) !== -1) {
    return type = "American Express"
  }
}

function discover(num) {
  var arr = ["6011"]
  if (num.substr(0, 4) == arr[0]) {
    return type = "Discover"
  }
}

function maestro(num) {
  var arr = ["67", "65"]
  if (arr.indexOf(num.substr(0, 2)) !== -1) {
    return type = "Maestro"
  }
}

function jcb(num) {
  var arr = ["35"]
  if (arr.indexOf(num.substr(0, 2)) !== -1) {
    return type = "Jcb"
  }
}

function masterCard(num) {
  var arr = ["51", "52", "53", "54", "55"];
  if (arr.indexOf(num.substr(0, 2)) !== -1) {
    return type = "MasterCard"
  }
}

function visa(num) {
  var arr = ["4"]
  if (arr.indexOf(num.substr(0, 1)) !== -1) {
    return type = "Visa"
  }
}

function instapayment(num) {
  var arr = ["63"]
  if (arr.indexOf(num.substr(0, 2)) !== -1) {
    return type = "Instapayment"
  }
}

function checkCard(pass) {

  amex(pass);

  masterCard(pass);

  discover(pass);
  
  maestro(pass);
  
  jcb(pass);

  visa(pass);

  instapayment(pass);

  $("h2").text(type)

}

// hide show 

$(function () {
  $("#addCard").click(function () {
   if ($(".menu").hide(1000)) {
       $(".card-show").show(1000);
       
      } else {
        $(".menu").show();
        
      }
  });
});


$(function () {
  $("#upiId").click(function () {
   if ($(".menu").hide(1000)) {
       $(".upi-show").show(1000);
       
      } else {
        $(".menu").show();
        
      }
  });
});

$(function () {
  $("#wallet").click(function () {
   if ($(".menu").hide(1000)) {
       $(".wallet-show").show(1000);
       
      } else {
        $(".menu").show();
        
      }
  });
});

$(function () {
  $("#netBanking").click(function () {
   if ($(".menu").hide(1000)) {
       $(".net-banking").show(1000);
       
      } else {
        $(".menu").show();
        
      }
  });
});

$(function () {
  $(".back").click(function () {
   if ($(".content").hide(1000)) {
       $(".menu").show(1000);
       
      } else {
        $(".content").show();
        
      }
  });
});



$(".reg").bind("keypress", function (event) {
  if (event.charCode!=0) {
      var regex = new RegExp("^[a-zA-Z\\s]+$");
      var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
      if (!regex.test(key)) {
          event.preventDefault();
          return false;
      }
  }
});