반응형 IT관련글/JS,JQuery6 [Javascript] input 박스에 숫자만 입력되도록 설정하는 4가지 방법 input 박스에서 사용자에게 숫자만 입력되도록 설정하는 방법 4가지를 소개합니다. input 박스에 숫자만 입력되도록 설정하는 4가지 방법 1. 'type'을 'number'로 지정하기 2. 입력된 keycode 체크하기 3. oninput 이벤트, 정규식, replace() 함수 활용하기 4. pattern 속성 활용하기 1. 'type'을 'number'로 지정하기 기본 예제 input의 type속성을 'number'로 지정하면, 숫자만 입력 받을 수 있습니다. 브라우저에 따라서, 입력창 오른쪽에 숫자 증감 아이콘도 생성됩니다. min, max, step 속성 지정하기 input의 type을 'number'로 지정한 경우, min, max 속성을 추가하여 최대값과 최소값을 지정할 수 있습니다. st.. 2022. 6. 9. 서버측 Ajax (Json) (네이버펌) Ajax 마스터하기, Part 11: 서버 측의 JSON (한글) 서버 측 스크립트와 프로그램에서 JSON으로 응답하기 난이도 : 고급 Brett McLaughlin, Author and Editor, O'Reilly Media Inc. 2007 년 10 월 09 일 JSON의 실질적 가치 본 시리즈의 이전 기술자료에서 언급된 것처럼, JSON은 Ajax 애플리케이션을 위한 유용한 포맷으로서 JavaScript 객체와 스트링 값 사이를 빠르게 변환할 수 있게 해준다. Ajax 애플리케이션들은 플레인 텍스트를 서버 측 프로그램으로 보내고 받는데 가장 알맞고, 텍스트를 생성하는 API는 텍스트를 생성하지 않는 API를 통해서 이루어진다. JSON은 네이티브 JavaScript 객체들과 함께 작동할 수 있도록.. 2022. 2. 26. [본문스크랩] Web 2.0 에 필수 UI 인듯한 Ajax + Drag & Drop 사전 지식 Google 개인화 , 다음 플래닛 소스에서 이것 저것 뽑아 내다그냥 나름데로 정리한 것들 입니다. 이것들을 모르고 시작해서 삽질을 많이 했습니다. 혹시 시작하시는 분들이 있다면 참고가 되었으면 합니다. 먼저 Drag & Drop을 구현 하기 위해 http://www.w3.org/TR/CSS21/box.html에 정의된 box 모델에 대해 인지 하시고 개발하셔야 하고, http://msdn.microsoft.com/library/default.asp?url=/workshop/author/om/measuring.asp 이런 정보들 까지 알고 있어야 기능추가에 도움이 될 것 같습니다. 그리고 자바스크립트 프레임워크인 http://prototype.conio.net/ 를 통해 개발하시면 더욱 빠른 속도로 개발.. 2022. 2. 26. Ajax의 기준 , 범위 안녕하세요 많은 것을 생각하고 정리하는 계기가 되는 글인 것 같습니다. 또한, 웹 애플리케이션 개발이 나아가는 흐름을 읽을 수 있는 글이기도 합니다. 그런데요... 많은 사람들이 Ajax에 대해 잘못 생각하고 접근하는 면이 있는 것 같아 적어 보려고 합니다. Ajax가 출현하기 전에는 UI 개발자라는 말을 사용했지만 그다지 무게가 없었습니다. Ajax가 출현하고 나서부터 본격적으로 UI 개발자라는 말을 사용하게 되었으며, 실현할 수 있게 되었습니다. 즉, Ajax가 그만큼 UI를 중심에 두고 있고 이를 실현/구현할 수 있다는 것입니다. {중략} 결론적으로 Ajax를 비동기 방법으로 서버와 통신하는 것으로 생각하는 사람들이 많은 것 같습니다. 이는 틀림없이 잘못된 생각이며 접근입니다. Ajax를 구성하는 .. 2022. 2. 26. 이전 1 2 다음 728x90 반응형