개발자의 끄적끄적

[javascript] 자바스크립트 각종 정규식 모음 입력 받을 때 원하는 값만 입력받기 위해서는 onkeyup 스크립트 함수에다가 값을 가져와서 아래의 정규식으로 비교해보면 됩니다. 첫번째 방법. str.replace(regex, '') 방식으로 정규식을 이용해 바로수정하던지 두번째방법. var regexp = /^[0-9]*$/ v = $(this).val(); if( !regexp.test(v) ) { alert("숫자만 입력하세요"); $(this).val(v.replace(regexp,'')); } 숫자만 var regex= /[^0-9]/g 한글만 var regex= /[a-z0-9]|[ \[\]{}()?|`~!@#$%^&*-_+=,.;:\"'\\]/g; 이메일 var regex=/^[-A-Z..

[javascript] parInt 정규식 활용 함수 예제 filterInt = function (value) { if(/^(\-|\+)?([0-9]+|Infinity)$/.test(value)) return Number(value); return NaN; } console.log(filterInt('421')); // 421 console.log(filterInt('-421')); // -421 console.log(filterInt('+421')); // 421 console.log(filterInt('Infinity')); // Infinity console.log(filterInt('421e+0')); // NaN console.log(filterInt('421hop')); // NaN conso..

[javascript/jquery] if문으로 요소(element)가 있는지 확인하기 자바스크립트에서는 아래와 같이 해당 id가 있는지(exists) 체크를 합니다. 하지만, jQuery에서는 아래와 같이 확인합니다. 출처 : https://gyuha.tistory.com/343

[javascript] 이메일 주소 검증 스크립트 정규표현식 [펌] 자바스크립트의 정규표현식은 프로그래밍 언어가 가지는 가장 큰 기능중 하나입니다. 오늘은 정규표현식을 사용하여 이메일을 검증하는 함수를 만들어 보려합니다. 이메일이 올바른지 검증하는 함수그런데 왜 이메일 검증이 필요할까요? "이메일을 입력받을때 검증하는 이유는?" 방문자에게 받은 소중한 정보 중 하나인 이메일 주소가 만약 의도치 않게 잘못된 이메일이라면 어떻게 해야할까요? 잘못된 주소를 사용할 수도 없으므로 연락이 닿을 방법이 없습니다. 결국 이메일을 입력받는 최초 과정에 최대한 실수를 줄이기 위한 장치로 이메일 주소 검증방법을 사용합니다. 행여 연락처가 있다고해도 이메일을 작성자에게 재요청할 경우 다시 못 받는 경우가 생길 수도 있고 무..

[javascript] 연속된 글자 체크 함수 : 1234 or 1111 (숫자, 알파벳 지원) [펌] // 연속된 글자 체크 함수 : 1234 or 1111 (숫자, 알파벳 지원) function kin4(str, max){ if(!max) max = 4; // 글자수를 지정하지 않으면 4로 지정 var i, j, k, x, y; var buff = ["0123456789", "abcdefghijklmnopqrstuvwxyz", "ABCDEFGHIJKLMNOPQRSTUVWXYZ"]; var src, src2, ptn=""; for(i=0; i

[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