본문 바로가기

프로그래밍98

jQuery 회원가입 정규식표현 유효성 검사(자주쓰는 정규표현식 정리) 회원가입시 아이디나 패스워드 등 유효성을 검사해 주어야 하는데 이때 jQuery의 정규식 표현을 이용하여 유효성을 검사할 수 있다. var userIdCheck = RegExp(/^[A-Za-z0-9_\-]{5,20}$/); RegExp는 정규표현식을 사용하기 위한 객체이다. 정규표현식은 /와 /사이에 식을 넣어서 사용한다. 위와 같이 변수에 정규 표현식을 저장해 놓고, 다음과 같이 사용할 수 있다. if(userIdCheck.test($('#userId').val())){ console.log("정규표현식에 맞지 않음"); } 자주쓰는 정규표현식 숫자만 입력 가능 : /[^0-9]$/ ^는 문자의 시작 부분에 대응하여 $는 끝 부분과 대응하여 숫자만 입력 했는지 검사할 수 있다. 한글만 입력가능 : /.. 2019. 6. 5.
부트스트랩 Modal창 사용법 부트스트랩 Modal창을 이용하기 위해서는 부트스트랩의 css와 jQuery를 등록시켜 주어야 된다. 등록시킨 뒤 페이지에 Modal 소스를 넣어주고 스크립트로 보여주면 된다. Modal example 모달 테스트 모달테스트 X 내용 입력 !! 예 아니요 위의 예제에서 볼 수 있듯이 modal의 header와 body, footer로 나뉜다. 원하는 위치에 내요을 입력하고 예와 아니오를 누르면 된다. 스크립트 스크립트로 "모달 테스트"버튼을 눌렀을 경우 모달창이 보이도록 설정한다. 예를 눌렀을 경우 다른 이벤트를 주고싶다면 이벤트를 추가로 작성해 주면 된다. 전체 소스 모달 테스트 × 모달테스트 내용 입력 !! 예 아니요 2019. 6. 4.
스프링 게시판 검색기능 구현 검색기능을 구현하기 앞서 만들었던 boardTest테이블의 content컬럼의 타입을 변경해 준다. (Long type은 like가 안되어서 에러가 남..) 테이블에 데이터가 있으면 타입 변경이 안돼서 그냥 테이블을 지우고 다시 만들었다. //테이블 삭제 drop table boardTest; //테이블 생성 CREATE TABLE boardTest( idx NUMBER(10,0), writer VARCHAR2(20) NOT NULL, title VARCHAR2(30) NOT NULL, content VARCHAR(4000) NOT NULL, reg_date DATE NOT NULL, cnt int default 0 ); alter table boardTest add constraint pk_board .. 2019. 5. 28.
스프링 게시판 jQuery 페이징 처리 jQuery를 이용한 페이징 처리 예제이고, 디비는 OracleDB를 사용하였다. SQL //게시판 테이블 CREATE TABLE boardTest( idx NUMBER(10,0), writer VARCHAR2(20) NOT NULL, title VARCHAR2(30) NOT NULL, content LONG NOT NULL, reg_date DATE NOT NULL, cnt int default 0 ); //시퀀스 생성 CREATE SEQUENCE tmp_seq ; //제약조건 추가 alter table boardTest add constraint pk_board primary key (idx); INSERT INTO boardtest(idx, title,writer,content,reg_date) V.. 2019. 5. 27.

티스토리툴바