목록웹개발/Js & Jquery (83)
써먹는 웹개발
일정 시간마다 새로고침 하는 방법 ※ 원래 setTimeout은 해당 시간 이후에 소스 실행 출처 : 사이트 사라짐
1. 이메일 형식 체크하는 정규식 1 2 3 4 5 6 7 8 9 if(str.pet_email.value.length > 0){ var regExp = /[a-z0-9]+@[a-z0-9-]+\.[a-z0-9]+/i; if(!regExp.test(str.pet_email.value)){ alert("잘못된 e-mail 형식입니다."); str.pet_email.value = ""; str.pet_email.focus(); return false; } } Colored by Color Scripter cs 2. 전화번호 형식 체크하는 정규식 1 2 3 4 5 if(!/^01([0|1|6|7|8|9])-?([0-9]{3,4})-?([0-9]{4})$/.test(phoneNumber) && !/^02-?([0..
JSON (JavaScript Object Notation) : 자바스크립트 객체를 문자열로 표현할 수 있는 포맷 1. 문법 : JSON.stringify('JSON 형식') 설명 : JSON을 문자열 형식으로 바꿔줌※ 상황 : 자바 단으로 보내려는데 json형식이라 값이 제대로 전달되지 않을 때 2. 문법 : JSON.parse('JSON 형식의 문자열') 설명 : 문자열이 JSON 형식으로 변환 가능하면 JSON 형식으로 바꿔줌
setInterval 지정한 시간마다 반복적으로 기능 호출할 수 있다. 예시 : 3초마다 알림창 띄우기 - setInterval(function(){ alert("Hello"); }, 3000); 예시 출처 : https://www.w3schools.com/jsref/met_win_setinterval.asp
두개 이상의 프로세스를 같은 이벤트에 등록하여 처리하고 싶을 때 addEventListener ()를 사용
// 숨기기단일 컬럼 : $("#tbList").jqGrid("hideCol", "컬럼Name");복수 컬럼 : $("#tbList").jqGrid("hideCol", ["컬럼1",”컬럼2”]); // 표시하기단일 컬럼 : $("#tbList").jqGrid("showCol", "컬럼Name");복수 컬럼 : $("#tbList").jqGrid("showCol", ["컬럼1",”컬럼2”]); ※ 안된다면 1) jqGrid Id가 일치하는지 확인 2) 소스 뒤에 .trigger('reloadGrid'); 붙여보기 출처: http://hwoarang757.tistory.com/entry/JQuery-JQGrid-동적으로-컬럼-숨기고-보여주기 [허접한 실력에 형편없는 개발자의 블로그]
※ 동기화 : 해당 기능이 동작하는 중에 다른 기능이 실행되지 않는 것 처리 방법 - $.ajax({}); 안에 async : false 옵션을 넣으시면 됩니다. ajax 상식 1. POST 호출시 Controller에서 @RequestBody로 받아야되고, GET 호출시 Controller에서 @RequestParam으로 받아야된다. 2. async 디폴트 값은 true이고 생략가능합니다. ※ anyne 같은 오타 금지 3. json 호출시 옵션에 정확히 작성해야되는 것 type : "POST", dataType : "json", contentType: 'application/json;charset=UTF-8',
[jQuery]show,hide 의 여부에 따라 처리하기 방법1.if( $("#colltErr").css("display") != "none" ) { $("#colltErr").hide();} else { $("#colltErr").show()} 방법2. if( $("#colltErr").is($("#colltErr").show()) ) { $("#colltErr").hide();} else { $("#colltErr").show();} 출처 : https://whitesal.com/article/article_view.php?no=3587&mode=3[jQuery]show,hide