jQuery를 사용하여 휴대폰 번호의 정기적인 인증 입력을 구현하는 방법-JS 튜토리얼-php.cn

jQuery를 사용하여 휴대폰 번호의 정기적인 인증 입력을 구현하는 방법

亚连

풀어 주다： 2018-06-14 11:32:27

원래의

2036명이 탐색했습니다.

이 글에서는 주로 jQuery의 휴대전화 번호 정기 확인 입력과 자동 공백 채우기 기능 구현을 소개하며, jQuery 이벤트 응답, 문자열 순회 및 정기 판단 및 기타 관련 작업 기술이 필요하면 참고할 수 있습니다.

이 글에서는 jQuery에 대해 설명합니다. 휴대폰번호 정기인증 입력 및 자동 빈칸 채우기 기능을 예시로 구현하였습니다. 참고를 위해 모두와 공유합니다. 자세한 내용은 다음과 같습니다.

실행 중인 효과를 먼저 살펴보겠습니다(삭제할 때 계속 삭제하면 됩니다):

특정 코드:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <input type="text" id="inp">
  <script src="jquery-1.12.3.min.js"></script>
  <script>
    $(function(){
      $("#inp").keyup(function(){
      /*
      手机号验证时：
       var pattern = /^1[3|4|5|7|8]\d{1}\s\d{4}\s\d{4}$/;
      pattern.test(str);
      */
        _self = $(this);
        if(_self.val().length == 3 || _self.val().length == 8){
          var str = _self.val()+" ";
          _self.val(str);
        }
      });
    });
  </script>
</body>
</html>

로그인 후 복사

위 내용은 제가 모든 사람을 위해 편집되었으며, 앞으로도 유용하게 사용되기를 바랍니다.