티스토리 뷰

우테캠

1주차 정규식 유효성 검사

안양사람 2021. 7. 10. 13:53
728x90
SMALL

핸드폰 번호 유효성 검사에서 복사 붙여넣기가 적용되지 않는 것을 지적받았다.

이건 팀원이 만들고 내가 정규식 부분만 도와줬는데 주말에 시간이 남아서 수정해봤다.

객체 비구조화할당도 적용하지 않았길래 적용했고 paste한 부분을 예외처리했다.

먼저 붙여넣기 했을때는 길이를 13으로 자른다. 010-1234-5678 이 13이기 때문에 이렇게 잘랐다.

11으로 자르면 위의 코드를 복사붙여넣기 했을 때 두개가 잘리게 되서 문제가 생긴다.

html 태그에서 maxlength를 지정해도 paste했을 경우에는 적용이 되지 않는 부분이 있어서 이중처리 한것이다.

그리고 나서 정규식을 이용해 숫자와 -를 제외한 모든 값을 없앴다.

그리고 length에 따라서 -를 붙여준다.

그리고 맨 마지막에 slice(0,13)을 해주게 되면 0101234567899를 복사붙여넣기 했을때도 문제없이 적용이된다.

 

이러면

01012345678을 복붙해도 010-1234-5678을 복붙해도

실수로 번호를 하나더 복붙해도(010123456789) 예외없이 동작한다.

 

728x90
LIST

'우테캠' 카테고리의 다른 글

개발시 필요한 함수들  (0) 2021.07.24
우아한테크캠프 3주차 후기  (0) 2021.07.24
우아한테크캠프 2주차 후기  (0) 2021.07.17
우아한테크캠프 1주차 후기  (0) 2021.07.10
1주차 배포 heroku  (0) 2021.07.10
댓글
공지사항