신용 카드 번호 12글자 중 가운데 8글자 마스킹 처리

Question

안녕하세요. 신용 카드 번호 12글자 중 가운데 8글자를 아래와 같이 마스킹 처리를 하고 싶은데 도움을 얻고자 이렇게 문의드립니다. 여러 참고할 만한 사이트를 찾고 있는데 감이 잡히지 않아 글 남겨 봅니다. 예) 1111 **** **** 4444 감사합니다. Card Number.

하루의_spring · Answer

저같으면 input 을 4칸으로 나누고 2번 input 과 3번 input 는 그냥 입력하는데로 마스킹 처리 할듯하네요 하나에서 다할려고 하면 .. 좀 힘듭니다 입력할때마다 length 감지해서 5번째 부터 입력건들은 * 로 표기되게 변경한다든지 그런것도 ㄱㅊ구요 ..

.ilililiil · Answer

되나 모르겠네요function maskCardNumber(cardNumber) { var maskedNumber = cardNumber.substr(0, 6) + "****" + cardNumber.substr(14); return maskedNumber; }

lkwa201 · Answer

인풋박스를 4개로 구성해야 합니다. 두번째, 세번째 인풋을 keyUp 이벤트로 replace 처리 합니다. 실제로 이 방식을 많이 사용합니다.

errday · Answer

하루의_spring님 말씀처럼 input을 4칸으로 나누고<input type="password"> 이걸 사용해보면 좋을것 같습니다.

깨구리 · Answer

샘플을 만들어봤습니다. 참고하세요 🛠https://jsfiddle.net/xfc3ruw4/

케빈클램포트 · Answer

Card Number. function maskCardNumber(cardNumber) { var maskedNumber = cardNumber.replace(/\d(?=\d{4})/g, "*"); document.getElementById("cardNum").value = maskedNumber; }

코린이듈리 · Answer

js로 조작하는 함수 한번 만들어봤습니다. 아래에서 실행 해보실 수 있습니다.https://codesandbox.io/s/blissful-ishizaka-djcpns?file=/index.html Document

realNumber:

신용 카드 번호 12글자 중 가운데 8글자 마스킹 처리

7개의 답변

#script 목록