Javascript

[Javascript] input text 핸드폰번호 자동으로 하이픈 입력

chsr 2021. 9. 17. 15:36
728x90
반응형

■ Javascript input text 핸드폰번호 자동으로 하이픈 입력


■ 코드

<form name="frm" method="post" action="">
    <input type="text" class="tel" maxlength="13" placeholder="핸드폰번호">
</form>

<script type="text/javascript">
  $('.tel').keydown(function(event) {
      var key = event.charCode || event.keyCode || 0;
      $text = $(this);
      if (key !== 8 && key !== 9) {
          if ($text.val().length === 3) {
              $text.val($text.val() + '-');
          }
          if ($text.val().length === 8) {
              $text.val($text.val() + '-');
          }
      }

      return (key == 8 || key == 9 || key == 46 || (key >= 48 && key <= 57) || (key >= 96 && key <= 105));          
  });
</script>
728x90
반응형