Web/Javascript_Jquery59

• jQuery Validation 플러그인 , 유효성검사 매우유용 http://hellogk.tistory.com/48 http://jqueryvalidation.org/documentation/ Web/Javascript_Jquery 2016. 3. 9.

• ajax 데이터타입 헷갈린 부분과 jsonobject $(document).ready(function() { jQuery.ajax({ type:"GET", url:"/test", dataType:"JSON", // 옵션이므로 JSON으로 받을게 아니면 안써도 됨 success : function(data) { // 통신이 성공적으로 이루어졌을 때 이 함수를 타게 된다. // TODO }, complete : function(data) { // 통신이 실패했어도 완료가 되었을 때 이 함수를 타게 된다. // TODO }, error : function(xhr, status, error) { alert("에러발생"); } });}); 이 부분에서 dataType 이 json 이면 json 으로 받는 것. 보내는 값이 아니고 받는 값임을 생각. 받을때 오류가 많.. Web/Javascript_Jquery 2016. 3. 8.

• 글자수 제한, 이력서 쓰는 양식처럼 글자수 표기 http://jsfiddle.net/gchoice/n7Mur/ Web/Javascript_Jquery 2016. 2. 26.

• 다른 라이브러리, 다른 버전의 jQuery와 충돌 방지하기 - $.noConflict(); Query를 사용할 때 다른 라이브러리와 충돌이 나는 경우가 있습니다. 충돌의 원인은 두가지로 구분할 수 있습니다. 다른 라이브러리와 충돌 다른 버전의 jQuery와 충돌 // 내 경우엔 플러그인 두개를 쓰려고했더니 각각의 jquery 가 조금 달라? 충돌이 일어났다. 각 경우에 대해서 어떻게 충돌을 방지할 수 있는지 알아보겠습니다. 다른 라이브러리와 충돌 jQuery는 $를 jQuery의 alias로 사용합니다. 그런데 다른 라이브러리에서 $를 함수나 변수로 사용한다면 jQuery가 제대로 작동하지 않을 수 있습니다. 이를 방지하는 방법은 jQuery에서 $를 alias로 사용하지 않도록 하는 것입니다.$.noConflict(); 또는jQuery.noConflict(); 를 넣으면 $를 다른 라이브러리.. Web/Javascript_Jquery 2016. 2. 26.

• 인터넷 주소 유효성 검사, 유효성 검사. 서치 중에 가장 온전한 것. https://gist.github.com/dperini/729294 ? public static boolean isVaildUrl(String url) { String reg = "^" + // protocol identifier "(?:(?:https?|ftp)://)" + // user:pass authentication "(?:\\S+(?::\\S*)?@)?" + "(?:" + // IP address exclusion // private & local networks "(?!(?:10|127)(?:\\.\\d{1,3}){3})" + "(?!(?:169\\.254|192\\.168)(?:\\.\\d{1,3}){2})" + "(?!172\\.(?:1[6-9]|2\\d|3.. Web/Javascript_Jquery 2016. 2. 26.

• jQuery FullCalendar 달력, 스케줄 플러그인 달력은 참 쓰이는곳이 많습니다. 개인, 조직의 일정관리에서부터 회의실 및 기타 예약 현황 관리까지 다양한 분야에 사용되고 있습니다. 여기서 소개해 드리는 jQuery 플러그인은 제목에서 보다시피 달력 플러그인입니다. 아래와 같은 형태로 이뤄져 있으며 FullCalendar 라는 이름처럼 웹브라우저를 가득 채우는 형태로 구성되어 있습니다. 네이버나 네이트의 일정관리처럼 month, week, day 로 일정을 보여주는 뷰가 존재합니다. 기존 DB에 존재하는 데이터를 JSON 형태로 받아 이벤트를 등록하게 되면 아래와 같은 달력형태로 표현할 수 있습니다. 해당 플러그인은 단순히 달력형태로 보여주기만 할뿐 일정을 입력하는 기능은 존재하지 않습니다. 입력하는 화면은 별도로 애플리케이션에 맞추어 개발이 선행되어야.. Web/Javascript_Jquery 2016. 2. 26.

• 오늘 날짜 구하기 yyyy-mm-dd var now = new Date(); var year= now.getFullYear(); var mon = (now.getMonth()+1)>9 ? ''+(now.getMonth()+1) : '0'+(now.getMonth()+1); var day = now.getDate()>9 ? ''+now.getDate() : '0'+now.getDate(); var chan_val = year + '-' + mon + '-' + day; $(this).val(chan_val); 오라클 sysdate 처럼 간단한거 없을까 ? Web/Javascript_Jquery 2016. 2. 24.

• AJAX 정리 $(document).ready(function(){ $.ajax({ type : "GET", url : "ajaxData.jsp?type=1", dataType : "text", error : function(){ alert('통신실패!!'); }, success : function(data){ alert("통신데이터 값 : " + data) ; $("#dataArea").html(data) ; } }); }); 위의 예제는 ajax 통신을 할때 가장 기본이 되는 항목만 사용하였다. 적어도 위의 설정값 정도는 최소한으로 넣어주는게 좋다. 속성설명 type http 전송 method를 지정한다. GET, POST url 호출 URL. GET 방식일경우 URL 뒤에 파라미터를 붙여서 사용해도 된다. dat.. Web/Javascript_Jquery 2016. 1. 28.

• event.stopPropagation(), event.preventDefault () 이해하기 event.stopPropagation(), event.preventDefault () 이해하기 TestEventHandler.html event.stopPropagation() 을 이해하기 위해서는 우선 HTML 상에서 사용자 이벤트가 어떻게 전달되는지 이해해야 합니다. 웹에서의 클릭이벤트 전파 propagation 의 사전적의미는 전파, 확산입니다. 사용자가 마우스로 웹페이지 내의 버튼을 클릭했을때 대부분의 사람들은 버튼만 반응했다고 생각하게 됩니다. 하지만 웹페이 내부에서는 버튼을 감싸고 있는 부모 태그들 또한 클릭 이벤트에 반응하게 됩니다. 이것을 Bubble Up(버블업)이라고 합니다. 위 슬라이드 우측의 문서구조를 보면 a 태그는 li, ul 의 두개의 부모태그가 있습니다. 사용자가 a 태그를.. Web/Javascript_Jquery 2015. 12. 29.

• 달력 , 자바스크립트 달력, 쓰기 편한거 $(function() { $( "#startDate, #endDate, #t_startDate, #t_endDate, #n_startDate, #n_endDate" ).datepicker({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNames: ['일','월','화','수','목','금','토'], dayNamesShort: ['일','월','화',.. Web/Javascript_Jquery 2015. 12. 23.

• IE8 에서 placeholder 속성 적용 IE8은 공식적으로 HTML5 태그들을 지원하지 않는다. 따라서, 하위 버전의 IE들을 위해 Modernzr 라든가 html5shiv 같은 자바스크립트들을 이용하면 HTML5에서 새롭게 나타난 엘리먼트 태그들을 사용할 수 있다. 그럼에도 불구하고 placeholder 속성은 IE8에서 사용할 수 없는데, 이럴 때 사용할 수 있는 jQuery 플러그인이 있다. 이름하여jquery.placeholder. 사용법도 간단하다. 1 2 먼저 jQuery를 로딩한 다음 jquery.placeholder.js를 로딩한다. 그 다음에 다음과 같이 선언하면 끝. 1 2 3 4 5 6 (function ($) { $(document).ready(function () { $("input, textarea").placehol.. Web/Javascript_Jquery 2015. 12. 23.