본문 바로가기

javascript10

[javascript]javascript로 쿠키 생성 페이지 넘길 때 값을 넘겨주는 방식으로 POST/GET방식, 쿼리스트링방식, 쿠키 등 이 세가지 방식이 자주 쓰인다. 1. 쿠키생성시 날짜와 시간을 설정할 때 자주 사용하는 함수 new Date(); 현재 날짜,시간을 반환한다. ooo.getMonth() : 현재 ooo의 월을 정수로 반환 한다 (0~11로 반환됨 즉, 1월은 0으로 반환됨) ooo.getDate() : 현재 ooo의 날을 숫자로 반환한다. (Month와 다르게 1~31까지 우리가 사용하는 형식 그대로 반환됨) ooo.getDate(7) : 현재 ooo의 날을 교체한다 7일로 교체한다. escape(“문자열”)함수 : 괄호안의 문자를 16진수로 바꿔준다. 쿠키 생성부분 : document.cookie는 key:value ; 형식으로 나눠.. 2023. 4. 13.
[javascript]javascript에서 폼 객체 안의 내용물들을 읽어내는 방법 오늘 더 이상 보이지 않기 [닫기] Layer div가 이렇게 구성되어 있을 때 form객체에 접근하는 방법 중 eval() 함수를 쓰는 방법. eval (String) : 문자로 표현된 javaScript 코드를 실행하는 함수 form 이름을 정의해주는게 좋다. javascript에서 접근할 때 이름으로 접근하기 때문. → document.form1 → document.form2 이렇게 하면 javascript에서 폼 객체 안의 내용물들을 읽어낼 수 있다. 2023. 4. 13.
[javascript]여러 페이지에서 사용할 js 함수 만들기 1. js파일을 만든다. 2. 적용할 함수를 js파일에 옮겨 적는다. 3. php 파일에 js를 추가시킨다. (추가시키는 방법은 아래와 같다. 단, 같은폴더 일시) 2023. 4. 4.
[javascript]javascript에서 사용되는 함수 Number() : 텍스트를 소수점 표현이 가능한 실수로 변환하는 함수. toLocaleString() : 세 자리 마다 콤마를 찍어주는 함수 ex) // focus out되는 순간 숫자에 콤마 생성 function focusOut(ctl) { var k = Number(ctl.value); ctl.value = k.toLocaleString(); } 2023. 4. 3.
[javascript]사용자를 편의를 위한 숫자 콤마 찍기 구성 사용자가 숫자입력시 13자의 숫자만을 허용하고, 사용자가 입력후 포커스가 아웃되면 콤마가 찍히게 끔 구성 (단, 서버로 값을 넘기기전 콤마를 제거한다.) 2023. 4. 3.
[javascript] 유용하게 쓰이는 정규표현식들 · 콤마제거 (/[^\d]+/g, '') · 3자리수 마다 콤마찍기 (/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,') · 마이너스, 숫자, 점 을 제외하고 모든 값을 무효화 시킴 (/[^-\.0-9]/g, '') · · · · 2023. 3. 27.
[javascript] 숫자만 입력, 마이너스, 소수점, 콤마 상황에 맞춰 쓸 수 있는 아주 유용한 함수 Javascript //숫자 입력 (마이너스, 소수점, 콤마) function numberFormat(val, isMinus, isFloat, isComma){ var str = val; //일단 마이너스, 소수점을 제외한 문자열 모두 제거 str = str.replace(/[^-\.0-9]/g, ''); //마이너스 if(isMinus){ str = chgMinusFormat(str); } else { str = str.replace('-',''); } //소수점 if(isFloat){ str = chgFloatFormat(str); } else { if(!isMinus ){ str = str.replace('-',''); } str = str.replace(.. 2023. 3. 27.
[javascript] 정규표현식을 이용한 사업자 번호, 이메일 검증 (javascript버전) 기본적으로 사용자가 입력하는 회원가입, 로그인, 수정페이지 등의 값들을 제대로 검증해야한다. 그 검증과정에서 정규표현식이 사용될 때가 있는데 내가 정규표현식으로 구현해낸 것은 [사업자번호, 이메일] 처음에 밑그림을 잘 그려야한다. · 밑그림 그릴 시 주의사항 : 조건들 잘 생각해야한다. null, 0 , 문자, 숫자가 들어올 때 마다 어떻게 조건을 걸어줘야 하는지... · 참고로 자바스크립트에서 쓰는 정규표현식과 php에서 쓰는 정규표현식은 거의 비슷하면서도 다름. / ‘’ 등이 들어가는게 있고 아닌게 있음. 결국 둘 다 쓰려면 다 따로 찾아야한다. · 정규표현식은 주로 RegExp를 이용한다. ■ 이메일 정규표현식 0. 이메일은 not null (필수항목) 이 아니기 때문에, 사용자가 값을 넣지 않아도.. 2023. 3. 9.
[javascript]javascript (INSERT, UPDATE 화면)에서 사용하는 함수 ■ trim() 문자열 좌우에서 공백을 제거하는 함수 let email = document.getElementById('email').value.trim(); ■ history.back() 현재 페이지의 한단계 이전페이지로 이동합니다. 이는 history.go(-1)과 동일. ""; ■ replace(제거할 문자열, 대신할 문자열); 문자열을 원하는 문자로 치환하는 함수 cnumber = cnumber.replace(/\-/g,''); 위의 구문은 사업자번호를 뜻하는 cnumber라는 변수에 담긴 문자열중 하이픈(대시)를 empty로 치환해주는 구문 2023. 3. 9.
[javascript] javascript에 대해서 알아두기 (이론) · javascript는 php에 값을 보내주지 못한다. · javascript가 서버와 통신하려면 ajax를 이용한 비동기 방식밖에 없다. · javascript는 페이지를 열 때 딱 1번 작동하는 php와는 다르게 서버와 끊긴 상태에서도 살아있다. 예를들어, 회원가입 페이지에서 사용자가 완료 버튼을 클릭했을 시 javascript속 함수를 이용할 수 있음. · php는 javascript에 딱 1번 첫 페이지가 열릴 때에만 값을 보내주고, 그 외에는 보내주지 못한다. · 자바스크립트는 사용자에게 보여주는 edit.php (insert, update 화면페이지)에서 사용하는것이고, 뒷단인 update.php (insert, update 처리페이지) 에서는 alert이외에는 하는 일이 없기 때문에 그것 .. 2023. 3. 9.

티스토리툴바