- [^0-9]/g : 숫자가 아닌 모든 문자를 나타내는 정규 표현식입니다.
- ^ : 문자열의 시작을 의미합니다.
- [^0-9] : 0에서 9 사이의 숫자가 아닌 모든 문자를 의미합니다.
- / : 정규 표현식의 끝을 의미합니다.
- g : 모든 일치 항목을 바꾸는 것을 의미합니다
<input type="text" class="inputPN" id="Phone1" maxlength="3" /> /* 처음 ex 010 */
<input type="text" class="inputPN" id="Phone2" maxlength="4" /> /* 중간 ex 1234 */
<input type="text" class="inputPN" id="Phone3" maxlength="4" /> /* 마지막 ex 5678 */
var replacePN = /[^0-9]/g;
$(".inputPN").on("focusout", function() {
let i = $(this).val();
if (i.length > 0) {
if (i.match(replacePN)) {
i = x.replace(replacePN, "");
}
$(this).val(i);
}
}).on("keyup", function() {
$(this).val($(this).val().replace(replacePN, ""));
});
궁금하신게 있으시면 댓글 달아주세요.
이 글이 도움이 되었다면 ♡(공감), 광고 눌러 주세요.
큰 도움이 됩니다.
반응형
'Front End > Javascript' 카테고리의 다른 글
[JS] 마퀴(marquee) 슬라이드 만들기(feat.swiper) (1) | 2024.03.28 |
---|---|
[JS] 맥(MAC) OS nvm 설치 및 사용하기(feat. zshrc) (0) | 2024.01.31 |
[JS] 국가별 및 전화코드 입력 폼(International Telephone Input) 사용법 (0) | 2024.01.05 |
[JS] input [type="file"] 용량 제한 (0) | 2023.06.09 |
[JS] 카운트업(CountUp.js) 사용법 (0) | 2022.12.28 |