본문 바로가기

강디너의 개발 일지

검색하기
강디너의 개발 일지
프로필사진 강디너

  • 전체 글 보기 (107)
    • Javascript (91)
      • 삽질 (28)
      • 토이프로젝트 (17)
      • React.js (6)
      • Vue.js (18)
      • 이것저것 (12)
      • 기획 (7)
      • Git (3)
    • back_end (4)
    • CSS (3)
    • 회고록 (9)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags
  • 회고록
  • plugin
  • express
  • vue login
  • 정리
  • 배포
  • AWS
  • vue
  • Git
  • jwt
  • 기획
  • Docker
  • javascript
  • vsCode
  • 프론트
  • Firebase
  • login
  • database
  • 로그인
  • react-query
  • 토이프로젝트
  • extension
  • 플러그인
  • vuex
  • PWA
  • react
  • 뷰
  • 셋팅
  • 신상마켓
  • nginx
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록한글방지 (1)

강디너의 개발 일지

Vue - watch를 이용한 정규식 사용

1. 한글 방지 input 만들기 data(){ return{ userInfo:'', onlyNumber:'', } }, watch:{ userInfo(val){ const reg = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/; if(reg.exec(val)!==null){ return this.userInfo = this.userInfo.slice(0,-1); } } } 2. 숫자만 입력 가능한 input 만들기 watch:{ onlyNumber(){ return this.onlyNumber = this.onlyNumber.replace(/[^0-9]/g, ''); } },

Javascript/Vue.js 2019. 9. 16. 19:29
Prev 1 Next

Blog is powered by kakao / Designed by Tistory

티스토리툴바