input type number에서 한글입력 방지
JavaScript 2022. 6. 17. 18:39

폼에서 한 Input에서 데이터가 넘어오질 않아 확인해달라는 요청이 들어왔다. 확인을 해보니 문제는 type이 number인 input에서 한글이 입력되었을때 빈 값을 리턴하는것이였다. 먼저 정규표현식으로 입력값을 숫자만 남기고 제거하는 방법을 사용하려고 했는데, 아무리 해도 undefined값이 리턴되었다. e.target.value를 확인한 결과 한글이 입력되는순간 빈값으로 변경되었고 정규표현식을 사용하려해도 사용할수 없는 상황이였다. Type을 text로 설정해 정규표현식으로 숫자만 남기는식으로 하고 싶었지만 모바일에서 숫자 키패드가 나와야 하는 상황이라 text를 사용할수 없었고, 이벤트 객체 안에 사용할만한 다른놈이 있나 콘솔을 찍어봤다. 흔히 사용하는 target.value와 currentTa..

Anchor Tag <a> tag
CSS 2021. 8. 1. 10:11

anchor tag 기본적으로 다른곳으로 이동을 시켜주는 태그입니다. Anchor 는 다른 태그들과는 다르게 지정해줘야 할 속성이 있습니다. 1) herf (Hypertext Reference) 주소값 내용 EX) 1. https://www.naver.com">네이버 절대경로로 네이버 페이지로 이동 2. 상세페이지 상대경로 이동 3. 헤더로 이동 태그 안에 설정된 ID값이 header인곳으로 이동 4. 봉구에게 메일보내기 클릭시 전자메일 보내기 실행 5. 전화하기 클릭시 전화 연결 2) target 2-1) _blank : 새로운 탭에서 오픈 2-2) _self: 현재 위치한 탭에서 오픈 (기본값 , 생략가능) 2-3) _parent: 현재 프레임의 부모 프레임에서 오픈, 부모가 없을시 _self와 동일..