반응형 자바스크립트 반응형 20 [jQuery] onkeyup을 통한 실시간 Replace방법! (숫자만/특정문자만/영상有) 안녕하세요. 오늘은 onkeyup을 통해 숫자만 또는 특정 문자만 입력하여 실시간으로 유효성 검사할 수 있는, Replace방법에 대해 알아보겠습니다. 영상을 준비했으니 영상을 보시죠~~~ 참고로 onkeyup은 사용자가 키보드의 키를 눌렀다가 땠을때 발생하는 이벤트입니다! 단위수는 오로지 숫자만 감지할 수 있도록 설정하였으며, 성취도는 A,B,C만 입력될 수 있도록 설정하였습니다. 숫자 replace 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 function checkNum(objEv){ var numPattern = /([^0-9])/; var v = objEv.value; numPattern = v.match(numPattern).. 2021. 12. 8. [jQuery] Data타입을 날짜형태(yyyy-mm-dd)로 포맷 변경하는 방법!! 서버에서 데이터를 스크립트로 가져와서 사용하려하는데 cret_date 이놈이 데이터타입니다... 콘솔을 찍어보니 어김없는 date형태.. 그래서 화면에서 오브젝트로 표출이 되므로 이놈을 내가 원하는 날짜형태(yyyy-mm-dd)로 변경시키려합니다. 간단한 함수를 사용해서 가능하지만 잊어버릴까봐 포스팅하려고 합니다! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 function formatDate(date) { var d = new Date(date), month = '' + (d.getMonth() + 1) , day = '' + d.getDate(), year = d.getFullYear(); if (month.length 2021. 11. 29. [Jquery] input 실시간 감지 기능 (영상 有) 안녕하세요. 오늘은 제이쿼리를 이용하여 input칸의 실시간 감지 기능으로 작업을 정리해보았습니다. 저는 input칸의 숫자를 실시간으로 합계칸에 더해줄 예정입니다. 영상을 보시면, 각 연령대별로 input칸에 입력하면 합계에 자동 계산이 되어 나오게 됩니다. 간단하니 한번 정리해보죠! HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 *방문총인원 Colored by Color Scripter cs 여기서는 평범한 HTML 태그입니다. 하나 특징이 있다면 제이쿼리에서 ID값을 가져와서 사용할 예정이기에 ID값을 구분해서 넣어주셔야합니다. JQUERY 1 2 3 4 5 6 7 8 9 10 11.. 2021. 11. 17. [Jquery] 유형별 유효성 검사&활용 사용방법!! 너무나 많이 쓰이는 제이쿼리의 유효성 검사를 유형별로 정리해보겠습니다. 유효성 검사 유형은 대표적으로 input, radio, select, checkbox가 있습니다. (계속계속 업데이트 진행중입니다!) 유효성 검사 input / textarea 1 2 3 4 5 6 7 8 9 10 11 if($("#아이디값").val() == ""){ alert("경고창입니다."); $("#아이디값").focus(); return false; } if($("input[name=이름값]").val() == ""){ alert("경고창입니다."); $("#아이디값").focus(); return false; } Colored by Color Scripter cs 아이다값과 이름값이 없는 경우 radio 1 2 3 4 5.. 2021. 11. 1. [JAVA] RSA 암호화 방식 적용 방법 공공기관 프로젝트 진행 도중, 로그인 이용 시에 민감 데이터.. 즉 계정 정보가 평문 전송된다는 지적을 받았습니다. 화면에서 서버로 데이터를 전송할때 데이터가 보여지기에 보안 취약점으로 지적을 받은 겁니다... 확실히 일반 프로젝트에 비해서 공공기간 프로젝트가 여러 심의를 거치는 듯 했습니다. 아래는 'wireshark'라는 프로그램으로 패킷(데이터) 분석이 가능한 프로그램입니다. 이 프로그램으로 확인해 봤더니 정말 아이디랑 패스워드가 나타나더라구요... 정말 깜짝 놀랬습니다...ㅜㅜ 그리고 아래와 같이 조치 권고 사항으로 '통신 암호화 적용' 적용하라는 문구까지 친절히 설명되어 있습니다...... 항상 느끼는 것이지만 프로젝트는 끝나도 끝이 아니네요 ㅜㅜ (2차 인증 OTP 구현방법을 확인하시려면 클릭.. 2021. 9. 2. [JQuery] 쿠키로 아이디 저장하는 방법!! 쿠키로 아이디를 저장하고 아이디를 지우는 방법에 대해 포스팅해보겠습니다. 흔히 말하는 로그인할때 아이디저장 기능입니다. 보통 아래 화면처럼 되어있죠~ 아이디 저장하는 방법에는 여러가지가 있습니다. 서버에서 저장하는 방법도 있지만... 오늘 정리할 스크립트에서 쿠키를 설정하고 지우는 방법도 정리해보겠습니다. 요즘 가장 인기가 있는 JQUERY 를 이용해보았습니다 ㅎㅎ HTML 우선 HTML 소스입니다. 머 흔히 사용하는 로그인 폼이죠 여기서 중요한 것은 form 태그에 onsubmit을 통해서 action되기 전에 스크립트를 거치도록 해야합니다. 즉, 로그인 버튼을 누르면 onsubmit을 통해서 frm_check 함수를 거치고 서버로 이동하게 됩니다. 1 2 3 4 5 6 7 8 9 10 11 12 13.. 2021. 8. 7. [JavaScript] Uncaught SyntaxError: missing ) after argument list 오류해결방법!! 오늘도 자바스크립트 작업중 어김없이 오류가 발생하였습니다. Uncaught SyntaxError: missing ) after argument list 우선적으론 Uncaught SyntaxError: missing ) after argument list라는 오류가 발생했습니다. 자바스크립트에서 발생한 오류로 onclick에서 String 파라미터를 넘겨야하는데 못넘겨서 발생한 오류입니다. 아래 코드로 설명하겠습니다. 저의 경우를 보면 onclick 안에 adresMove란 함수가 있고 안에 String형태의 파라미터가 있지만 따움표로 감싸주지 않아 발생한 에러입니다. 1 content += ''; cs 그래서 아래와 같이 따움표로 감싸주었지만 다시 에러가 발생합니다. Uncaught SyntaxErro.. 2021. 7. 16. [정규식] input숫자만입력&콤마적용 방법!! 안녕하세요. 오늘은 정규식에서 input창에 숫자만 적히면서 콤마를 붙일수도, 안 붙일수도 있는 정규식을 이야기해보겠습니다. JQUERY 우선 자바스크립트에 함수를 4개 만들어줍니다. 콤마붙이는 함수 / function comma(str) 콤마를 때는 함수 / function uncomma(str) 숫자만 사용할 수 있는 함수 (+콤마) / function inputNumberFormat(obj) 숫자만 사용할 수 있는 함수 (콤마 X) / function inputOnlyNumberFormat(obj) HTML 그리고 HTML에서 input칸에 속성을 넣어줍니다. 아무래도 숫자를 쓰는 칸이기에 무한대로 쓰고 submit을 하면 에러가 나기 십상입니다. 이럴땐 maxlength를 사용하여 입력되는 숫자를.. 2021. 3. 25. [Jquery] selectbox & radio 선택 유지하는 방법 안녕하세요. 오늘은 삼항조건연산자를 통해 selectbox&radio 선택 유지 방법에 대해 이야기해보겠습니다. 조건부 삼항 연사자란, JavaScript에서 세 개의 피 연산자를 취할 수 있는 유일한 연산자 입니다. 이렇게 정의하니 저도 모르겠군요... 코드를 보면서 설명해보겠습니다. 삼항연산자 식은 이렇습니다. (조건) ? (참일 때 실행할 코드) : (거짓일 때 실행할 코드); 실제에 응용한다면.. 보통의 select문에서 항목중에 선택을 하게 되면 VO안에 담기게 되죠. 아래 문구를 해석하면 1 $("select[name=road_x1]").val((("${searchVO.road_x1}" == '') ? "" : "${searchVO.road_x1}")).prop("selected", true).. 2021. 3. 24. 이전 1 2 3 다음
