본문 바로가기

정규식

정규식 모음
N번째 마다 특정 기호 넣기 const inputStr = "123412341234"; const outputStr = inputStr.replace(/(.{4})(?!$)/g, '$1-'); 결과: 1234-1234-1234 휴대폰번호 체크 const phoneNumber = '01012345678'; const regPhone = /^01([016789])(\d{3,4})(\d{4})$/; const isValidPhoneNumber = regPhone.test(phoneNumber); console.log(isValidPhoneNumber); // true 특정 확장자 체크 /\.(jpg|jpeg|gif|png|bmp|pdf)$/i 이메일 주소 체크 const emailRegex = /^[A-Za-..
Vue - watch를 이용한 입력 값 제한 Vue - watch를 이용한 입력 값 제한
vue.js를 이용하여 개발을 할때 watch를 이용하여 입력값을 제한하기가 매우 편리합니다. 특정범위만 입력되어야하는 경우 아래와 같이 사용하시면 됩니다. 예제로는 숫자만 입력입니다. export default { data() { return{ number : "", } }, watch:{ number : function(){ return this.number = this.number.replace(/[^0-9]/g, ''); //정규식 사용 } } } 다음과 같은 방법으로 정규식을 이용하여 특정범위만 입력값을 받을 수 있습니다. 숫자만 입력의 경우 input 타입에 number 보다 text을 넣고 maxlength를 주는방식이 좋습니다. number 타입으로 할 경우 maxlength가 제대로 동작..

티스토리툴바