삽질로그

웹 모바일 페이지를 작업하다가 연락처 기입하는 칸에 숫자 키패드가 바로 나오게 해달라는 요청이 있었다. 일단 기본적으로 이렇게 input 타입을 number 로 주면 안드로이드 폰에서는 숫자 키패드가 뜨는데 아이폰에서는 뜨지 않는다.

회원 가입 페이지 만들거나 할 때 전화번호 입력 시 숫자만 제한해서 입력 받아야 하는 경우가 있다. 간단하게 이렇게만 입력 하고 처리되면 좋은데 TEST input 태그 number 타입에는 maxlength 값이 먹지가 않는다. 이럴땐 js 함수를 사용해서 같이 작업 해준다. 숫자제한 입력 : 대략 maxlength 보다 길이가 클 경우 잘라버린다는 뜻이다. input text 타입에 숫자만 입력 하고 싶은 경우에는 이렇게 정규식으로 숫자만 적용되도록 기입하면 된다. 다만 모양은 이런식으로 표현되니 참고 해야함! 여기에는 그대로 maxlength가 먹는다 TEST

태그는 페이지 이동을 도와준다 그런데 이 태그에 onclick 함수를 사용해야 하는 경우가 있음 a 태그 사용 시 onclick 실행 후 자꾸 새로고침이 되어서 곤란했던 경우가 있었다.. 클릭테스트 이런 식으로 a 태그 href 속성에 아무것도 기입하지 않으면 onclick 함수를 탄 후 계속 새로 고침이 된다. a 태그 속 href 속성이 비어 있으면 자기페이지로 계속 이동을 시키기 때문! 클릭테스트 클릭테스트 클릭테스트 href 속성에 이렇게 명시를 해주면 새로고침되지 않고 클릭 이벤트만 발생된다. * href="#" 앵커를 사용하면 상단으로 이동함

삭제 태그 안에 가 있었다. 태그 클릭 시 js - del() 함수를 타는 것도 확인 했다. function del(id, vin){ var delchk = confirm("삭제하시겠습니까?"); if( !delchk ){ alert("삭제가 취소되었습니다."); return false; }else{ $("#delForm").submit(); } } 그런데 form 을 날리지도 않았는데 계속 form action이 실행 되었다. 취소가 되어서 return false;를 타도 계속 action 실행이 되어서 찾아보았더니 은 타입을 지정해 주지 않은 상태에서 태그 안에 있으면 그냥 바로 action 처리를 한다. 삽질하지 않기 위해서 태그에는 꼭 type을 명확히 써주도록 하자!! 삭제 태그의 type속성은..