Mask Test

by Lucaskazama

HTML

<p>
  <input type="text" name="full_name" id="full_name" placeholder="Full Name" />
</p>

<p>
  <input type="text" name="last_name" id="last_name">
</p>

CSS

.list{
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
}

.active{
  color: red;
}

.hide{
  display: none;
}

JavaScript

$('#full_name').keyup(function() {
  $('#last_name').val(this.value.toLowerCase().replace(/[^a-z0-9]/gi, ''));
});