JAVA/javascript, jQuery21 [JavaScript] 자주쓰는 정규 표현식 이메일 정규표현식 var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; 휴대폰 정규 표현식 var regExp = /^\d{3}-\d{3,4}-\d{4}$/; 일반 전화번호 정규식 var regExp = /^\d{2,3}-\d{3,4}-\d{4}$/; 비밀번호 정규표현식 숫자와 문자 포함 형태의 6~12자리 이내의 암호 정규식 (1 가지 조합) var regExp = /^[A-Za-z0-9]{6,12}$/; 영문, 숫자, 특수문자 중 2가지 이상 조합하여 10자리 이내의 암호 정규식 ( 2 가지 조합) var regExp = /^(?!((?:[A-Za-z]+)|(?:[~!@#$%^&*(.. 2023. 8. 29. [javascript] 자바스크립트 페이지전환 PageTransitionEvent(pageshow, pagehide, load, unload) pageshow 와 pagehide이벤트를 위한 이벤트 객체 브라우저는 문서를 처음 로드할 때 load 이벤트 다음에 pageshow 이벤트를 발생 시키며, 문서를 벗어날 때는 pagehide 이벤트를 발생시킨다. pageshow와 pagehide 이벤트는 window 객체에서 발생하며, PageTransitionEvent 객체는 두 이벤트와 조합된다. pageshow와 pagehide는 버블링되지 않고, 취소 가능한 기본 동작도 존재하지 않는다. (크롬에서 pageshow, pagehide는 디버깅이 안타지던데 이 때문인가..) 해당 이벤트 객체의 persisted 프로퍼티의 값은 페이지가 로드 또는 새로고침이 아니라 복원되었을 경우에 true이다. 페이지가 네트워크 또는 디스크 캐시로부터 로드 또는 .. 2023. 8. 1. 유효성검사 예제 function checkIt(){ var getCheck= RegExp(/^[a-zA-Z0-9]{8,16}$/); var yearCheck = RegExp(/^[0-9]{4}$/); var priceCheck = RegExp(/^[0-9]*$/); var drive_distanceCheck = RegExp(/^[0-9]*$/); /* var getCheck = RegExp(/^[a-z]+[a-z0-9]{8,16}$/g); */ var getName= RegExp(/^[가-힣0-9]+$/); var fmt = RegExp(/^\d{6}[1234]\d{6}$/); // 형식 설정 // model_year, price, car_id, drive_distance, content if($("#maker_sele.. 2018. 12. 6. modal window 소스 간단한 모달창 창 열기 창 내용 창 닫기 2018. 12. 6. JQuery - Ajax https://api.jquery.com/ ----- jquery의 api문서 ---------------------------------------------------------------------------------------------------- *Ajax(Asynchronous Javascript and XML):: 웹페이지가 서버와 비동기 통신을 하는 기술들의 집합체이다.(동기통신도 가능) 요악 ::: 페이지 전체가 아니라 일부분에서만 서버랑 통신해서 결과를 가져온다. ① 기본함수 $.ajax({옵션속성:값}); // jQuery.ajax(); options 에 대한 상세 내용 1. url: 요청 URL(String) 2. type: 사용할 HTTP 메서드, 일반적으로 POST 나 GET.. 2018. 7. 10. JQuery -animate 애니메이션 $(셀렉터).명령어("속도", 콜백함수);애니메이션이 속도에 맞춰서 실행이 된 다음에그후에 할일이있다면 콜백함수를 넣어 실행시킨다. *show() / hide() display 속성을 가지고있는데,show()는 기존에 가지고있던 width , height값이 증가hide()는 width , height 가 0값으로 맞춰진 속도로 줄어듬 두개를 합쳐논 속성이 toggle() *fadeIn() / fadeOut()투명도 조절 fadeIn() 투명도가 1이 되면서 요소를 나타나게 한다 ---> display가 원래값으로 돌아간다.fadeOut() 투명도가 0이되면서 요소를 투명하게 한다 ---> display가 none이된다. fadeTo() 내가 지정한 수치로 투명도 지정0~1사이로 소수점 0.1.. 2018. 7. 10. JQuery - attr() / prop()의 차이 *attr(), prop()의 차이 .attr()은 HTML의 속성을 취급, ----- HTML으로써 기록되어있는 속성의 내용 .prop()는 JavaScript 프로퍼티를 취급 12345678910111213141516 눌러주세요 var link = $("#test"); alert("attr : " + link.attr('href'));// prop : http://localhost:8088/Front-EndEx/JQuery0709/sample22.html#test alert("prop : " + link.prop('href'));// attr : #test Colored by Color Scriptercs :: alert 출력값//prop : http://localhost:8088/Front-EndE.. 2018. 7. 9. 이전 1 2 3 다음
