jeffwesson/format-ssn.html

## format-ssn.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<input type="text" id="x" maxlength="11" pattern="\d{3}\-\d{2}\-\d{4}">
  <script>
    var div = document.getElementById('x');
    var disallowed = new RegExp('\D', 'g');

    div.addEventListener('input', function (e) {
      var text = e.target.value;
      var trimmed = text.replace(disallowed, '');
      e.target.value = formatSsn(trimmed);
    });

    var formatSsn = function (str) {
      if (str.length === 3 || str.length === 6) {
        return str + '-';
      } else {
        return str;
      }
    };
  </script>


</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>
	<input type="text" id="x" maxlength="11" pattern="\d{3}\-\d{2}\-\d{4}">
	<script>
	var div = document.getElementById('x');
	var disallowed = new RegExp('\D', 'g');

	div.addEventListener('input', function (e) {
	var text = e.target.value;
	var trimmed = text.replace(disallowed, '');
	e.target.value = formatSsn(trimmed);
	});

	var formatSsn = function (str) {
	if (str.length === 3 \|\| str.length === 6) {
	return str + '-';
	} else {
	return str;
	}
	};
	</script>


	</body>
	</html>