input replace 유효성 체크

Javascript를 이용한 input value 유효성 검사. value 입력 시 다음 칸으로 focus() 된다. HTML 인증번호 4자리 입력 잘못된 인증번호 입니다! JS /* signup */ $(function(){ $(document).on('keypress keyup keydown', 'input[onlyNumber]', function(e){ console.log(e.which); if(/[a-z|ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g.test(this.value)){ //한글 막기 e.preventDefault(); this.value = ''; }else if (e.which != 8 && e.which != 0 //영문 e막기 && e.which 57 //숫자키만..

2022.05.03

input 태그의 pattern 속성과 정규표현식

HTML5에서 새롭게 추가된 속성입니다. 태그의 pattern 속성은 폼 제출 시 요소의 값을 검사할 때 사용될 정규 표현식(regular expression)을 명시합니다. 이때 전역 속성인 title 속성을 사용하여 정규 표현식에 간단한 설명을 추가함으로써 사용자가 정확한 값을 입력할 수 있도록 도움을 줄 수 있습니다. 보안상 예상치 않은 데이터 입력을 완전하게 컨트롤 하기 위해서는 최종적으로 서버사이드 스크립트에서 처리해 주어야 한다. pattern 속성이 제대로 동작하는 요소의 type 속성값은 다음과 같습니다. date, email, password, search, tel, text, url 문법 예제 생년월일: 예제

2022.05.02

검색

유효성 검사 후 검색기능 index.php 상품명 상품검색어입력

2022.02.28

form 유효성 검사

form을 이용한 회원가입 시 사용되는 유효성 검사 버튼 타입 submit 사용 시, 버튼을 클릭하지 않아도 체크할 수 있으며 input에 required를 넣어주면 좋다. insert.php ex1.html 아이디 *8자 이내로 만들어주세요 패스워드 패스워드 재확인 ex2.html (정규식표현) 문자열.chaAt(index) 문자열에서 인덱스에 해당하는 문자 하나를 리턴 문자열.search() 문자열에서 괄호 안의 값이 있는지 검색하여 값이 있으면 0을 리턴, 없으면 -1을 리턴 /[0-9}a-z|A-Z|ㄱ-ㅎ|ㅏ-ㅣ|가-힝]/ 한글, 영문, 숫자를 표현하는 정규식 아이디 * 한글+영문+숫자만 입력가능 ex3.html (이메일 검사) 문자열.indexOf("@"); 문자열에서 특정 문자를 찾아 그 인덱..

2022.02.07