개발자의 끄적끄적

[javaScript] 회원가입 폼 유효성검사 (정규식) [펌] 자바스크립트 유효성검사가 가장 필요한곳은 바로 어디일까요? 아마 회원가입 페이지 일 것 입니다. 웹사이트에서 회원가입을 하려고하면 계속 양식에 어긋난다고 다시 입력해달라는 팝업창들 많이보셨죠? 짜증났던 경험 다들 한번씩 있으실겁니다. 하지만 이 유효성검사를 통해 사용자가 회원가입시 정보를 잘못 입력하는 경우를 막아줄 수 있답니다. 회원가입 폼 유효성검사 예제 SIGN UP 회원기본정보 아이디: ※4-12자의 영문 대소문자와 숫자로만 입력 비번: ※4-12자의 영문 대소문자와 숫자로만 입력 비번확인: 메일주소: ex)wjdxo513@naver.com 이름: 개인정보 주민등록번호: - 예) 123456-1234567 생일: 년 월 일 관심분야:..

[javascript/jquery] 자바스크립트 - append, prepend, after, before - 추가[펌] 비슷하지만 다른 메소드 입니다. 태그의 내부와 외부에 값이 들어가는 차이가 있고 앞부분과 뒷부분에 들어가는 차이가 있습니다. ◎ append() - 컨텐츠를 선택된 요소 내부의 끝 부분에서 삽입 ◎ prepend() - 콘텐츠를 선택한 요소 내부의 시작 부분에서 삽입 ◎ after() - 선택한 요소 뒤에 컨텐츠 삽입 ◎ before() - 선택된 요소 앞에 컨텐츠 삽입 간단하게 예를 들어보면 중앙 이렇게 태그가 있을경우 append() 는 중앙 여기에 값이들어감 prepend() 는 여기에 값이들어감 중앙 after() 는 중앙 여기에 값이들어감 before() 는 여기에 값이들어감..

[javascript] 자바스크립트 모두선택 / 해제 var check = false; function CheckAll(){ var chk = document.getElementsByName("del_unit[]"); if(check == false){ check = true; for(var i=0; i

[javascript/jquery] removeClass() 사용법 .removeClass()로 선택한 요소에서 클래스 값을 제거할 수 있습니다. 문법 1 .removeClass( className ) 클래스 값은 큰 따옴표 또는 작은 따옴표로 감쌉니다. 1 $( 'h1' ).removeClass( 'abc' ); 띄어쓰기로 구분하여 여러 개의 값을 제거할 수 있습니다. 1 $( 'h1' ).removeClass( 'ab cd ef' ); 페이지가 로드된 상태에서 클래스 값이 제거되는 것이므로, 제거되기 전의 모양에서 제거된 후의 모양으로 변하는 것을 방문자가 볼 수도 있습니다. 예제 h1 요소에서는 bg 클래스를 제거하여 테두리만 남기고, h2 요소에서는 bg와 bd 클래스를 제거하여 배경색과 테두리를..

[javascript & jquery] attr() 사용법 attr()메서드는 HTML속성을 다루는 jQuery getter/setter 메서드이다. attr() 메서드는 브라우저 간 비호환성과 특이 사항을 잘 처리한다. 따라서 HTML 속성명과 이에 해당하는 자바스크립트 프로퍼티, 이 둘이 달라도 어느 것을 사용하든 상관없다. 예를 들어 'for'와 'htmlFor', 'class'와 'className' 중에서 무엇을 사용하든 결과는 같다. .attr() 메서드는 선택자에 의해 선택된 요소들 중에서 제일 처음 요소의 속성값을 가지고 오는 함수이다. 만일 모든 요소들의 속성값을 개별적으로 알고 싶다면, .each()메서드나 .map() 메서드를 사용해야 한다. .attr(attributeName) 선택..

[javascript] 새창 띄우기 총 정리(주소표시줄 삭제후 새창 열기) [펌] 자바스크립트 새창 띄우기 총 정리 All=no location=yes directories=yes resizable=yes status=yes toolbar=yes memubar=yes All=yes 위의 예제는 각각 다른 옵션을 준겁니다. 소스 중 window.open의 내용이 있는 곳은 줄을 바꾸지 말고 한 줄에 다 넣으세요. 클릭했을 때 새창 열기 클릭 들어올 때 새창 열기 나갈 때 새창 열기 location : 주소표시줄 directoryies : 연결 resizable : 크기조절 staus : 상태표시줄 toolbar : 표시단추 memubar : 메뉴 width : 새창 너비 height : 새창 높이 left..

[javascript] window.open()으로 나오는 팝업창에 주소표시줄 없애기[펌] JSP 코딩을 하다보면 팝업창을 띄워야 하는 경우가 다수 있다, 그럴 경우 대부분 아래와 같은 방식을 사용할것이다. window.open("URL" ,"",Option); ex) window.open("/home/base/test/popup/test_popup.jsp?toggle=yes" ,"",toolbar=no,status=no,menubar=no,resizable=yes, location=no, top=100,left=100,width=380,height=380,scrollbars=no); 위의 예제와 같이 쓰는경우가 대부분일텐데 예제에서 보이는 부분중 URL표시를 없애는 부분은 location=no 옵션이다..

[javascript] 선택된 radio 버튼의 text 값 가져오기 빨간색 파란색 검은색 라디오 버튼의 value 값이 아닌 text값을 가지고 오는 방법입니다~ 라디오 버튼의 선택 된 값을 가지고 오는거라면 아래와 같이 하면 됩니다~ $('input[name="COLOR"]:checked').val(); 그리고 label 태그에 감싸져 있는 TEXT 값을 가지고 오려면 $("label[for='"+라디오 선택된 value 값+"']").text(); 하면 됩니다~ 참고들하세요~ 출처: https://choija.tistory.com/140 [수캥이의 삶 ]