Front End/Javascript

[JS] input text 숫자만 입력 받기

TTOWA 2024. 3. 25. 14:23
  • [^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, ""));
});


궁금하신게 있으시면 댓글 달아주세요.
이 글이 도움이 되었다면 ♡(공감), 광고 눌러 주세요.

큰 도움이 됩니다.

 

반응형