반응형 개발/JavaScript5 [JavaScript] jQuery 를 이용한 Enter key 적용하기 입력필드에서 데이터를 전송하거나 동작할 때 마우스로 버튼을 클릭하는게 아닌키보드의 Enter 키를 눌렀을 때 동작 할 수 있게 Enter 를 인지하게 해주는 코드다 $(document).ready(function() { $("#text").on("keyup", function (event){ if (event.key === 'Enter' || event.keyCode === 13) { alert("Enter Key를 눌렀습니다."); } })}); 2024. 8. 2. [JavaScript] document.form.submit() 사용하기 form 태그 사용할 때 button type="submit" 또는input type="submit" 을 사용하게 된다(form 안에 button 사용 시 type을 설정하지 않으면 default로 submit 이 된다) .. .. ..동적으로 submit 제어 중document.form.submit() 을 사용하다 에러가 계속 뜨길래찾아보니 name 값으로 submit 이 된다고 하여 정리해본다. 2024. 7. 10. [JavaScript] setInterval() 함수 사용하기 setInterval() 은 일정한 시간 간격을 두고 반복해서 실행해야 할 때 사용하는 함수다 위와 같은 코드로는 페이지 접속 시 3초 마다 console.log가 찍힌다 일정시간마다 데이터를 새롭게 불러오고 싶다거나 일련의 동작이 필요한 경우 해당 함수를 이용하면 지정한 시간마다 동작하게 된다 필요할 때만 일정 시간마다 동작하도록 하고 싶다면 setInterval()을 function으로 만들어서 버튼 형태로 만들어서 사용해도 좋을 것이다 clearInterval() 함수는 setInterval()을 종료시켜준다 2023. 7. 30. [JavaScript] URL 직접 접근 막기 사이트의 메뉴를 눌러가며 이동할 경우 개발자도구 -> Network에 해당 페이지 Headers 정보를 보면 이전 페이지의 주소를 담고 있다 하지만 URL 창에 직접 타이핑하여 접속하는 경우는 Headers 정보가 남지 않는다 그걸 이용한 URL 직접 접근 막기이다 공통의 Layout 페이지에서 사용하면 모든 페이지 이동 시 사용가능하고 단점으로는 직접 접근한 페이지에 접속했다가 코드에 의해 예) '/login' 페이지로 이동된다 2023. 7. 29. [JavaScript] 정규식 표현(로그인 , 회원가입 검증하기) 영문자 + 특수문자 + 숫자 포함하는 ~자리의 정규식 $(document).ready(function (){ // 영문자 + 특수문자 + 숫자 8~25자리 정규식 const pwdCheck = /^(?=.*[a-zA-Z])(?=.*[!@#$%^*+=-])(?=.*[0-9]).{8,25}$/; var testValue = "abc123!@#"; // 정규식 검증하려는 변수 if(pwdCheck.test(testValue.value) == false){ alert("비밀번호는 영문자 + 특수문자 + 숫자를 포함한 8~25자리로 입력해주세요"); return; } }) 영어 소문자 + 대문자 + 특수문자 + 숫자를 포함하는 ~자리의 정규식 $(document).ready(function (){ // 영어 소문.. 2023. 7. 24. 이전 1 다음 반응형