Front-End
-
jQuery Array merge 중복 데이터 제거Front-End/jQuery 2015. 1. 9. 10:14
Jquery Array 머지할때 중복데이터 제거 하다.. 야근한 기억 벗삼아 정리하자. var prevJson = {"product_list": [ { "PrdCd": "111170145", "qty": 1, }, { "PrdCd": "111172558", "qty": 1, }, { "PrdCd": "111170116", "qty": 1, }, { "PrdCd": "111170117", "qty": 1, }, { "PrdCd": "111170118", "qty": 1, } ] };var nextJson = {"product_list": [ { "PrdCd": "111172558", "qty": 2, }, { "PrdCd": "111170116", "qty": 2, }, { "PrdCd": "1111701..
-
Tabhold 를 이용한 롤클릭 이벤트 처리.Front-End/jQuery 2014. 10. 2. 16:26
jquery 롱클릭 이벤트 처리 롱클릭을 사용할 일이 많지는 않지만.. 특이한 경우 사용했던 때가 있어서 정리해 본다. 기본적으로 제공하는 이벤트보다 이걸 사용하는것을 추천.. 제이쿼리 모바일쪽 탭 홀드.. http://api.jquerymobile.com/taphold/ Demo ONE tap-hold TWO tap-hold (alt) THREE tap-hold click FOUR tap-hold click (alt) FIVE draggable tap-hold click (alt) SIX droppable tap-hold click (alt) SEVEN 5s tap-hold HTML ONE tap-hold TWO tap-hold (alt) THREE tap-hold click FOUR tap-hold ..
-
jquery.cj-swipe.js 소개Front-End/jQuery 2014. 10. 2. 15:14
모바일용 jquery.cj-swipe.js 소개 모바일용 웹앱 개발할때 많이 쓰는 api 다. 이거랑 swipe.js 를 활용하면. 모바일화면과 웹 화면에서 둘다 스와이프가 잘 동작 하는걸 확인 할 수 있다. 데모 소개~ **모바일에선 안되요 PC화면보기로 보세요** jQuery Mobile Touch Swipe Plugin v1.0 좌측 우측 스와이프 해보세요. 자세한 내용은 http://www.codingjack.com/playground/swipe/ 요기 확인. ADD AN EVENT BELOW AND SWIPE ME Events Fired: 0 clear counter JavaScript var element, txt, counter, stats, num = 0; $(document).ready(..
-
jQuery 를 이용한 + - 버튼 만들기.Front-End/jQuery 2014. 10. 2. 14:42
jQuery 를 이용한 - + 버튼 만들기. html JavaScript $(document).ready(function(){ // This button will increment the value $('.qtyplus').click(function(e){ // Stop acting like a button e.preventDefault(); // Get the field name fieldName = $(this).attr('field'); // Get its current value var currentVal = parseInt($('input[name='+fieldName+']').val()); // If is not undefined if (!isNaN(currentVal)) { // Increm..
-
HTML5 Local StorageFront-End/jQuery 2014. 3. 3. 14:11
문제: HTML5의 WebStorage API 중 하나인 Local Storage에 대해 좀 자세히 살펴봤다. 해결책: 개요 HTML5에서는 클라이언트에 데이터를 저장하는 2개의 객체를 제공한다.하나의 세션 단위로 데이터를 저장하는 SessionStorage 와,만료 기간이 없는 LocalStorage 가 있다. 두 가지 모두 key/value 쌍으로 저장하며, 사용 방법은 거의 비슷하다.여기서는 Local Strorage 에 대해 자세히 살펴보려고 한다. 간단 사용법 사용법은 정말 간단하다.전역으로 할당되어 있는 localStorage의 메서드를 사용하며, 데이터는 key/value 쌍으로 구성된다. 아래와 같이 setItem() 과 getItem()으로 값을 저장하거나 가져올 수 있다. localSt..
-
[jQuery] radio 값 가져오기, 설정하기Front-End/jQuery 2013. 11. 27. 10:23
# [jQuery] radio 값 가져오기, 설정하기 1. radio 버튼 에서 체크된 값 가져오기.var mailTp = $(':radio[name="mailTp"]:checked').val(); 2. radio 버튼 값 체크하기$('input:radio[name=mailTp]:input[value='+mailTp+']').attr("checked", true); ----------------------------------------------------------------- ... 메일 발송 미발송 ... -----------------------------------------------------------------
-
비밀번호(패스워드) 유효성 체크 (문자, 숫자, 특수문자의 조합으로 6~16자리) [출처] [javascript] 비밀번호(패스워드) 유효성 체크 (문자, 숫자, 특수문자의 조합으로 6~16자리)|작성자 가을사랑Front-End/jQuery 2013. 11. 19. 17:44
/// /// 비번번호 유효성 체크 (문자, 숫자, 특수문자의 조합으로 6~16자리) /// function CehckPassWord(ObjUserID, ObjUserPassWord, objUserPassWordRe) { if(ObjUserPassWord.value != objUserPassWordRe.value) { alert("입력하신 비밀번호와 비밀번호확인이 일치하지 않습니다"); return false; } if(ObjUserPassWord.value.length -1) { alert("비밀번호에 아이디를 사용할 수 없습니다."); return false; } var SamePass_0 = 0; //동일문자 카운트 var SamePass_1 = 0; //연속성(+) 카운드 var SamePass_..
-
javascript 정규식을 이용해서 영문, 숫자 혼용만 사용하는 비밀번호 확인Front-End/jQuery 2013. 11. 19. 17:38
javascript 정규식을 이용해서 영문, 숫자 혼용만 사용하는 비밀번호 확인//=== 영문, 숫자 혼용 확인 // 혼용이면 true, 아니면 false function rtn_engnum_mix_chk(str) { var chk_num = str.search(/[0-9]/g); var chk_eng = str.search(/[a-z]/ig); if(chk_num < 0 || chk_eng < 0) { return false; } return true; } //=== 영문, 숫자 확인 // 영문 또는 숫자이면 true, 아니면 false function rtn_engnum_chk(str) { for( var i = 0; i 비밀번호변경