회원가입페이지에서 전화번호 형식 지정 코드를 어떻게 해야하나요?

현재 회원가입페이지에서 전화번호를 입력할 경우 01000000000 이렇게 붙어서 입력을 하던가 000)0000-0000 또는 000-0000-0000 등 여러 가지 형식으로 입력이 가능한데요...

000-0000-0000의 형식으로만 회원가입을 할 수 있도록 하고 싶은데요...

어떻게 코드를 작성해야 할까요?

그리고 어디에서 수정 작업을 해야할까요?

새해 복 많이 받으세요..

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    KBoard 관련 글이 아니라면 워드프레스 카테고리에 올려주시길 부탁드립니다.

    해당 글을 KBoard -> 워드프레스 카테고리로 이동하겠습니다.

     

    회원가입 시 전화번호 형식을 000-0000-0000의 형식으로 저장되게 하시려면

    구글에 "jQuery 전화번호 유효성 검사" 키워드로 검색해보시겠어요?

    jQuery 코드는 wp_head 액션에 추가해보세요.

    wp_head 액션에 대한 자세한 내용은

    아래 링크를 참고해보세요.

    https://developer.wordpress.org/reference/hooks/wp_head/

     

    PHP 코드로 체크를 하시려면

    WP-Members 플러그인에 내장되어 있는 wpmem_pre_validate_form 필터를 활용해보시겠어요?

    자세한 내용은 아래의 링크를 참고해보세요.

    https://rocketgeek.com/plugins/wp-members/docs/filter-hooks/wpmem_pre_validate_form/

    구글에 "PHP 전화번호 유효성 검사" 키워드로 검색해서 관련 자료를 확인해보세요.

     

    직접 코드를 수정하시는 게 어려우시다면

    프로젝트 의뢰에 상세 내용을 올려보세요.

    https://www.cosmosfarm.com/project

    고맙습니다.

  • 회원가입페이지에 적용을 하려고 하는데요...

    코드는 어디에 입력을 해야하나요?

  • wp_head 액션이나 wpmem_pre_validate_form 필터는

    테마의 functions.php 파일에 코드를 추가하거나 Code Snippets 플러그인을 사용해서 코드를 추가할 수 있습니다.

    고맙습니다.

  • <script>
    $(document).ready(function () {
       $(function () {
                
                $('#billing_phone').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>

    위의 스크립트 코드를 이용하려고 하는데요..

    http://ourenglishcafeacademy.com/index.php/register/

    위의 회원가입 페이지에서 전화번호란에 사용을 하려합니다. 

    그런데 wp_head 를 이용해서 하려는데 잘 안되는 거 같아서요... 확인 한번 부탁드려도 될까요? 감사합니다.

  • wp_head 액션에 올려주신 코드를 적용하시려면

    아래의 코드를 활용해보세요.

    add_action('wp_head', 'wp_head_20210114');
    function wp_head_20210114(){
    	?>
    	<script>
    	jQuery(document).ready(function(){
    		jQuery(function(){
    			jQuery('#username').keydown(function(event){
    				var key = event.charCode || event.keyCode || 0;
    				if(key !== 8 && key !== 9) {
    					if(jQuery(this).val().length === 3){
    						jQuery(this).val(jQuery(this).val() + '-');
    					}
    					if(jQuery(this).val().length === 8){
    						jQuery(this).val(jQuery(this).val() + '-');
    					}
    				}
    				
    				return (key == 8 || key == 9 || key == 46 || (key >= 48 && key <= 57) || (key >= 96 && key <= 105));
    			})
    		});
    	});
    	</script>
    	<?php
    }

    테마의 functions.php 파일에 코드를 추가하거나 Code Snippets 플러그인을 사용해서 코드를 추가할 수 있습니다.

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기