개발/js/jQuery (5)
datepicker 복사 문제

jquery 달력 사용 시 clone등을 통해 다이나믹하게 컨트롤 할 경우 문제가 많다.

아래처럼 해당 속성을 완벽하게 지워줘야 한다.

destroy후 아래처럼 기존에 남아있는 속성들을 전부 지워줘야 한다.

ID가 있는경우 removeAttr(id)를 이용해 id도 지워주자.


var clone = $(this).clone();

     clone .find('.startDate').siblings('.ui-datepicker-trigger,.ui-datepicker-apply').remove();

     clone

       .removeClass('hasDatepicker')

       .removeData('datepicker')

       .unbind()

 .datepicker();


특히 굵게 처리된 부분을 찾지 못해서 이미지가 두개씩 뜨는 삽질을 할 수도 있다.


2014.04.11 추가

아래처럼 hasClass를 확인하여 완벽하게 datepicker속성을 날려버린 후 재사용하자

       if($(this).hasClass('hasDatepicker') == true) {

            $(this).siblings('.ui-datepicker-trigger,.ui-datepicker-apply').remove();

            $(this)

            .removeAttr('id')

            .removeClass('hasDatepicker')

            .removeData('datepicker')

            .unbind();

       }

'개발 > js/jQuery' 카테고리의 다른 글

datepicker 복사 문제  (1) 2014.03.27
JSON 파싱 및 필드 추가 삭제  (0) 2014.01.30
이메일 유효성 정규식 검사  (0) 2013.05.03
[jQuery] 인풋 전체 선택  (0) 2013.04.03
체크박스 전체 선택 해제하기  (0) 2013.03.25
1  Comments,   0  Trackbacks
댓글 쓰기
JSON 파싱 및 필드 추가 삭제

문자열 -> json -> 문자열


var str = { "result":"0000", "site":"donnert.net" }

var jsonObj = JSON.parse(str);

console.log( JSON.stringify(jsonObj) );


json 신규 객체 생성 후 사용, 속성 삭제


var jsonObj = {};

jsonObj ["result"] = "0000";

jsonObj ["site"] = "donnert.net";


delete jsonObj.site;



'개발 > js/jQuery' 카테고리의 다른 글

datepicker 복사 문제  (1) 2014.03.27
JSON 파싱 및 필드 추가 삭제  (0) 2014.01.30
이메일 유효성 정규식 검사  (0) 2013.05.03
[jQuery] 인풋 전체 선택  (0) 2013.04.03
체크박스 전체 선택 해제하기  (0) 2013.03.25
0  Comments,   0  Trackbacks
댓글 쓰기
이메일 유효성 정규식 검사

엄청 길다.  그대로 사용하는게 맘 편함.


	function isValidEmailAddress(emailAddress) {
	    var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
	    return pattern.test(emailAddress);
	};



Live Demo

'개발 > js/jQuery' 카테고리의 다른 글

datepicker 복사 문제  (1) 2014.03.27
JSON 파싱 및 필드 추가 삭제  (0) 2014.01.30
이메일 유효성 정규식 검사  (0) 2013.05.03
[jQuery] 인풋 전체 선택  (0) 2013.04.03
체크박스 전체 선택 해제하기  (0) 2013.03.25
0  Comments,   0  Trackbacks
댓글 쓰기
[jQuery] 인풋 전체 선택

크롬에서는 마우스 up시에 select를 풀어버린다.


아래처럼 셀렉트 후에 mouseup이벤트는 unbind시켜줘야 한다.


$("input[name=price]").focus(function() {
    $(this).select().mouseup(function (e) {
        e.preventDefault();
        $(this).unbind("mouseup");
    });
});


'개발 > js/jQuery' 카테고리의 다른 글

datepicker 복사 문제  (1) 2014.03.27
JSON 파싱 및 필드 추가 삭제  (0) 2014.01.30
이메일 유효성 정규식 검사  (0) 2013.05.03
[jQuery] 인풋 전체 선택  (0) 2013.04.03
체크박스 전체 선택 해제하기  (0) 2013.03.25
0  Comments,   0  Trackbacks
댓글 쓰기
체크박스 전체 선택 해제하기

jquery 구버전(1.9 하위)에서는 아래와 같이 잘 사용중이였다.


	function jsCheckAll() {
		 if ($("#check_all").attr("checked") == true) {                 
		   $("input[name=ccc]").attr("checked", true);             
		 } else {                 
		   $("input[name=ccc]").attr("checked", false);             
		 }       
	}


하지만 뜬금없이 에러 발생 1.9.1에서는 다음과 같이 하자

attr->prop로 변경


	function jsCheckAll() {
		 if ($("#check_all").prop("checked") == true) {                 
		   $("input[name=prod_cd_seq]").prop("checked", true);             
		 } else {                 
		   $("input[name=prod_cd_seq]").prop("checked", false);             
		 }       
	}


'개발 > js/jQuery' 카테고리의 다른 글

datepicker 복사 문제  (1) 2014.03.27
JSON 파싱 및 필드 추가 삭제  (0) 2014.01.30
이메일 유효성 정규식 검사  (0) 2013.05.03
[jQuery] 인풋 전체 선택  (0) 2013.04.03
체크박스 전체 선택 해제하기  (0) 2013.03.25
0  Comments,   0  Trackbacks
댓글 쓰기