input창 글자수 넘으면 자동으로 삭제하기, 숫자만 쓰기

input류 기능 중 많이 요청하는 기능인데 이참에 써둔다. 빨리 개발하고 집에 가자!!!

 

 

1. 글자수 넘으면 써도 못쓰게 하기

document.querySelector("input").addEventListener("keyup", function (event) {
  if (event.target.value.length > 25) {
    event.target.value = event.target.value.slice(0, 25);
  }
});;

25자 이상 넘으면 써도 안써짐.

 

 

2. 숫자만 쓰게 하기

document.querySelector("input").addEventListener("keyup", function (event) {
  event.target.value = event.target.value.replace(/[^0-9]/g, "");
});

가끔 디자인이나 기능때문에 input number을 못쓸때가 있음. 그럴때 쓰기 좋은 숫자컷!

 

// 영어만 가능
/^[a-zA-Z]+$/

// 한글만 가능
/^[가-힣]+$/

// 영어랑 숫자만 가능
/^[a-zA-Z0-9]+$/

// 영어랑 한글만 가능
/^[가-힣a-zA-Z]+$/

// 영어랑 특정기호(?!#)만 가능
/^[a-zA-Z?!#]+$/

// 특정기호(@)만 빼고 다 가능(한글이든 뭐든)
/^[^@]+$/

// 특정기호(@)랑 숫자랑 한글만 빼고 다
/^[^@0-9가-힣]+$/

이건 자주 쓸법한 regex. 챗지피티야 고마워~~~~~!