반응형 자바스크립트 반응형 20 [HTML&JQUERY] 연락처 숫자만 입력하는 방법 & 유효성 검사 (2021년 3월 24일 문구를 추가하였습니다.) 안녕하세요 ? HTML 과 JQUERY를 이용하여 연락처에 숫자만 입력할 수 있는 방법과 이에 대한 유효성 검사하는 방법에 대해 알아보겠습니다. 흔히들 많이 사용하는데 할때마다 잃어버려서 따로 정리해보았습니다. 한글이나 영문등은 사용하면 자동으로 지워지고 오직 숫자만 입력됩니다. HTML 우선 HTML입니다. 여기서는 INPUT을 3개로 만들어주고 NAME과 ID값을 3개로 만들어줍니다. 여기서 포인트는 maxlength를 이용하여 숫자 제한을하며 여기서 가장 중요한!! Onkeyup을 통해서 제이쿼리를 사용할 수 있도록 합니다. onkeyup="inputOnlyNumberFormat(this);" inputOnlyNumberFormat를 선언해야 반영이.. 2020. 9. 17. [HTML&JQUERY] 리스트 삭제 버튼 구현 안녕하세요. 버튼을 통해서 행을 지우는 방법에 대해 알아보겠습니다. 보통의 HTML 리스트 형태는 아래와 같습니다. (코드를 재수정하였습니다 2020년 12월) 리스트 항목을 삭제하기 위해서는 마지막 항목에 삭제 버튼을 넣어준 뒤, 제이쿼리를 이용해 선택 행을 지우는 작업이 필요합니다. HTML tbody 안에 button 태그를 입력한 후에 함수에서 받을 수 있도록 onclick 속성에 값을 입력한다. 이때 자신을 선택하도록 (this)를 넣어줍니다. 1 2 3 4 5 6 7 8 9 10 11 수량 + - X Colored by Color Scripter cs SCRIPT 스크립트 부분에서 onclick 값을 선언한 후에 행을 지우기 위해 부모값 ("tr")을 선언한 후, remove를 작성하면 완료가.. 2020. 2. 26. 이전 1 2 3 다음
