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, ""));
});
궁금하신게 있으시면 댓글 달아주세요.
이 글이 도움이 되었다면 ♡(공감), 광고 눌러 주세요.
큰 도움이 됩니다.

반응형