>  기사  >  웹 프론트엔드  >  jQuery를 사용하여 휴대폰 번호의 정기적인 인증 입력을 구현하는 방법

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

亚连
亚连원래의
2018-06-14 11:32:272065검색

이 글에서는 주로 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>

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

관련 기사:

http 모듈을 사용하여 nodejs를 통해 요청 보내기(자세한 튜토리얼)

jQuery+CSS를 사용하여 테이블을 구현하는 방법

Vue를 사용하여 주석 프레임워크를 구현하는 방법

위 내용은 jQuery를 사용하여 휴대폰 번호의 정기적인 인증 입력을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.