Client
-
[WebPage] 실전 웹 프로젝트 구축 !!(Client Part 2) - 웹 페이지 제작 강좌Web/WebPage 2015. 7. 11. 15:13
이전 장에 이어서 이번 장에서는 타임라인(Timeline) 서비스에 대해 클라이언트를 구현하겠습니다. 연결된 강좌이므로 아래 링크대로 따라주시면 이해가 더 쉬우실 것 입니다. =========================================== 1. 개발환경설정 2. CSS & Bootstrap 3. CSS 선택자(Selector) 4. CSS 요소(Element) 5. Bootstrap Part. 1 6. Bootstrap Part. 2 7. 실전 예제 - 개인용 포트폴리오 페이지 제작 8. Python & Django 9. Django 10. 장고(Django) 프로젝트 11. JavaScript & jQuery 12. 실전 웹 프로젝트(예제) 13. 실전 웹 프로젝트(Timeline) Se..
-
[javascript] 44. 서식 API(Forms API) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:29
JavaScript Validation API 1. Constraint Validation DOM Methods PropertyDescriptioncheckValidity()Returns true if an input element contains valid data.setCustomValidity()Sets the validationMessage property of an input element. [ 출처 : W3Schools ] 입력 필드가 올바르지 않은 데이터를 가지고 있다면, 아래와 같이 처리할 수 있습니다: 123456789101112131415161718192021222324252627 Enter a number and click OK: OK If the number is less than ..
-
[javascript] 43. 서식 검사(Forms validation) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:29
JavaScript Forms 1. JavaScript Form Validation HTML 서식 검사(form validation)은 자바스크립트에 의해 진행할 수 있습니다. 서식 필드가 비어있을 경우, 아래 함수는 메시지를 알림창으로 띄우고 false를 반환하여 서식이 제출되는 것을 방지합니다. 1234567function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == null || x == "") { alert("Name must be filled out"); return false; }}Colored by Color Scriptercs 위 함수는 아래 서식이 제출되었을 때, 호출 됩니다. 1234Name: Co..