반응형 jQuery3 Javascript로 숫자만 입력받기 Javascript 를 사용하여 숫자만 입력받는 코드입니다. 1. JQuery 사용 $(document).on("input", "#numericInput", function(){ let value = $(this).val(); let newValue = parseInt(value.replace(/[^0-9]/g, ''), 10); newValue = isNaN(newValue)?0:newValue; $(this).val(newValue); }); 이 코드는 입력 필드에서 input 이벤트가 발생할 때마다 입력 값의 숫자 외의 모든 문자를 삭제합니다. 이를 통해 입력 필드에는 숫자만 남게 됩니다. 또한, 숫자 이외의 모든 입력은 무시됩니다. 이를 통해 유효한 입력만 받을 수 있게 됩니다. 1.1. inpu.. 2023. 9. 8. [jQuery] 슬라이더 배너 만드는 방법 구글에서 슬라이더 배너 플러그인을 찾아보면 셀수 없이 많은 소스들이 나온다. 하지만 정작 만들어 사용할 수 있는 사람은 소수인 것을 감안하면 만드는 법 하나정도는 정리해 둬도 괜찮다는 생각이 든다. 슬라이더 배너를 만들기 위해 아래 과정대로 작업을 진행하려고 한다. 1. HTML 및 Style 구조잡기2. 좌우버튼을 생성하여 배너 이동시키기 1. HTML 및 Style 구조 잡기 슬라이드 배너의 핵심은 주황, 노랑, 초록색 영역이다. HTML 삽입 미리보기할 수 없는 소스 초록색 영역은 들이 된다. 실제 노출될 배너들을 의미한다. 이미지들을 일렬로 나열하기 위해 float:left를 사용했고 넓이는 100px에 선을 1px씩 좌우로 넣어서 배너 하나당 넓이는 102px가 된다. 주황색 영역은 banner.. 2014. 3. 13. [JS] input타입이 파일인 항목을 ajaxForm으로 전달하기 서버에 AJAX를 통해 입출력을 할때 요청 데이터에 이미지파일과 같은 형식이 있으면 일반적인 방법으로는 어렵다. 그래서 jQuery 플러그인을 사용하여 처리했다. 1. jquery.form.js 플러그인 설치 2. Form에 enctype 추가 3. Form에 ajaxForm 셋팅 $("[name='a']").ajaxForm({ complete : function(param) { //AJAX 후 처리 로직 처리 } }); 4. ajax 요청하기 바로 실행해도록 하자. 사용은 일반 Form과 같이 사용하면 된다. $("[name='a']").submit(); 5. 완료 2013. 6. 26. 이전 1 다음 반응형
