Validate_Elo_By_CrunchyRoll

Validate_Elo_By_CrunchyRoll

by Dzyann

HTML

<div id="banner-message">
  <div>
  Validate ELO: 4654522206550477
  </div> 
  <button class="elo-button">validate elo</button>
  <div>RESULT elo: <label class="elo-result-label"></label></div>
  </br>
    <div>
  Correct ELO validation: 4654522206550477
  </div> 
  <button class="elo-button-correct">Correct Elo validation</button>
  <div>RESULT correct validation elo: <label class="elo-result-label-correct"></label></div>
</div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#banner-message {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;
}

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

#banner-message.alt {
  background: #0084ff;
  color: #fff;
  margin-top: 40px;
  width: 200px;
}

#banner-message.alt button {
  background: #fff;
  color: #000;
}

JavaScript

// find elements
var $button = $(".elo-button")
var $eloResultLabel = $('.elo-result-label');
var eloPattern = '/^40117[8-9]|431274|438935|451416|457393|45763[1-2]|504175|506699|5067[0-6][0-9]|50677[0-8]|509[0-9][0-9][0-9]|65003[1-3]|65003[5-9]|65004[0-9]|65005[01]|65040[5-9]|6504[1-3][0-9]|65048[5-9]|65049[0-9]|6505[0-2][0-9]|65053[0-8]|65054[1-9]|6505[5-8][0-9]|65059[0-8]|65070[0-9]|65071[0-8]|65072[0-7]|65090[1-9]|65091[0-9]|650920|65165[2-9]|6516[67][0-9]|65500[0-9]|65501[0-9]|65502[1-9]|6550[34][0-9]|65505[0-8]|627780|636297|636368|65500[01]|65165[2-4]|65048[5-8]|65500[23]|650489|65049[0-4]/';
var regexElo = RegExp(eloPattern);
// handle click and add class
$button.on("click", function(){
  var resultValidationEloPattern = regexElo.test('4654522206550477');
  //alert(resultValidationEloPattern);
  if(resultValidationEloPattern)
  {
  	$eloResultLabel.text("Is ELO card");
  }
  else{
  	$eloResultLabel.text("Is NOT ELO card");
  }
})

// find elements
var $buttonCorrect = $(".elo-button-correct")
var $eloResultLabelCorrect = $('.elo-result-label-correct');
var eloPatternCorrect = '/^(40117[8-9]|431274|438935|451416|457393|45763[1-2]|504175|506699|5067[0-6][0-9]|50677[0-8]|509[0-9][0-9][0-9]|65003[1-3]|65003[5-9]|65004[0-9]|65005[01]|65040[5-9]|6504[1-3][0-9]|65048[5-9]|65049[0-9]|6505[0-2][0-9]|65053[0-8]|65054[1-9]|6505[5-8][0-9]|65059[0-8]|65070[0-9]|65071[0-8]|65072[0-7]|65090[1-9]|65091[0-9]|650920|65165[2-9]|6516[67][0-9]|65500[0-9]|65501[0-9]|65502[1-9]|6550[34][0-9]|65505[0-8]|627780|636297|636368|65500[01]|65165[2-4]|65048[5-8]|65500[23]|650489|65049[0-4])/';
var regexEloCorrect = RegExp(eloPatternCorrect);
// handle click and add class
$buttonCorrect.on("click", function(){
  var resultValidationEloPatternCorrect = regexEloCorrect.test('4654522206550477'); 
  if(resultValidationEloPatternCorrect)
  {
  	$eloResultLabelCorrect.text("Is ELO card");
  }
  else{
  	$eloResultLabelCorrect.text("Is NOT ELO card");
  }
})