ddd e numero

by Lucaskazama

HTML

<p>
  <input type="text" name="full_num" id="full_num" placeholder="Número" />
</p>

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

<p>
  <input type="text" name="full_num" id="full_num_cru" placeholder="Número cru" />
</p>

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

JavaScript

$('#full_num').keyup(function() {
  let num = this.value.replace(/-|\(|\)/gi, "").split(" ")
  $('#ddd').val(num[0]);
  $('#numero').val(num[1]);
});

$('#full_num_cru').keyup(function() {
  let num = this.value;
  num = num .replace(/\D/g,"");
  num = num.replace(/^(\d{2})(\d)/g,"($1) $2");
  num = num.replace(/(\d)(\d{4})$/,"$1-$2");
  $('#numero_mask').val(num);
});