Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <div id="error"></div>
  <div>
    <label>
      <span>ИНН:</span>
      <input type="text" id="ic" maxlength="10">
    </label>
  </div>
  <div>
    <label>
      <span>Дата:</span>
      <span id="date"></span>
    </label>
  </div>
  <div>
    <label>
      <span>Пол:</span>
      <span id="gender"></span>
    </label>
  </div>
​
</body>
</html>
 
body {
  font-family: Ubuntu, Tahoma, sans-serif;
  font-size: 16px;
  color: #444;
}
​
#error {
  position: fixed;
  display: none;
  left: 250px;
  top: 8px;
  border: 1px solid rgba(255, 50, 50, .5);
  padding: 3px 10px;
  width: 220px;
  background: rgba(255, 50, 50, .05);
  color: #777;
;}
​
label {
  display: block;
  margin-bottom: 15px;
}
​
label > span:first-child {
  display: inline-block;
  width: 50px;
  padding-right: 10px;
  text-align: right;
}
​
input, label > span:last-child {
  background: none;
  border: 1px solid #dcdcdc;
  display: inline-block;
  padding: 5px;
  width: 150px;
  font-family: inherit;
  text-align: center;
  font-size: 14px;
  height: 15px;
  vertical-align: middle;
}
​
label > span:last-child {
  border-width: 0 0 1px 0;
}
 
var month = "Января,Февраля,Марта,Апреля,Мая,Июня,Июля,Августа,Сентября,Остября,Ноября,Декабря".split(",");
​
var error = document.querySelector("#error");
var source = document.querySelector("#ic");
var birth = document.querySelector("#date");
var gender = document.querySelector("#gender");
​
function Parser(code) {
  
  this.isValid = /\d{10}/.test(code);
  
  if (!this.isValid) {
    this.errorText = "Введите 10 цифр";
  } else {
    this.isValid = (code[9] == ((2 * code[0] + 4 * code[1] + 10 * code[2] + 3 * code[3] + 5 * code[4] + 9 * code[5] + 4 * code[6] + 6 * code[7] + 8 * code[8]) % 11) % 10);
    if (!this.isValid) {
      this.errorText = "Вы ввели неверный ИНН";
    }
  }
  
  this.birth = function() {
    if (!this.isValid) return;
    var date = new Date(new Date("1900 1 1").getTime() + ((code.substr(0, 5) - 1) * 24 * 60 * 60 * 1000));
    return date.getDate() + " " + month[date.getMonth()] + " " + date.getFullYear();
  };
  
  this.gender = function() {
    if (!this.isValid) return "";
    return code.substr(8, 1) % 2 ? "мужской" : "женский";
  };  
  
}
​
source.addEventListener("keyup", function() { 
  var parser = new Parser(this.value);
  if (parser.isValid) {
    error.style.display = "none";
    birth.innerText = parser.birth();  
    gender.innerText = parser.gender(); 
  } else {
    error.style.display = "block";
    error.innerText = parser.errorText;
  }
});
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers