input 필드값을 입력받을 때 무조건 숫자만 입력 > 그누보드 게시판스킨 강좌

본문 바로가기
전체검색

그누스킨닷컴

그누보드 게시판스킨 강좌

그누보드 영카트 초보 사용자를 위한 기본 매뉴얼, 스킨 제작 기초강좌를 공유합니다.

input 필드값을 입력받을 때 무조건 숫자만 입력

페이지 정보

작성자 관리자 작성일17-07-25 18:46 조회1,244회

첨부파일

write.skin.php (12.4K) 2017-07-25 18:55:29

본문

그누보드 게시판스킨 강좌

게시판 글쓰기 페이지에서 특정 필드에 값을 입력받을 때 숫자만 입력할 수 있게 하는 방법입니다.

숫자 이외의 문자가 입력되면 바로 체크돼서 메시지가 뜹니다.

 

예를 들어 여분필드 1번에 적용해보겠습니다.

 

수정파일 : write.skin.php

 

<tr>
    <th scope="row">판매가격</th>
    <td><input type="text" name="wr_1" value="<?php echo $write['wr_1'] ?>" id="wr_1" class="frm_input" size="20"></td>
</tr>
 

여기서는 특별히 수정할 곳은 없고 name 값만 확인하면 됩니다. name="wr_1"

 

숫자만 입력했는지 체크하기 위해 write.skin.php 파일 하단에 스크립트를 추가합니다.

 

<script>
$(document).on("keyup", "input[name^=wr_1]", function() {
    var val= $(this).val();

    if(val.replace(/[0-9]/g, "").length > 0) {
        alert("숫자만 입력해 주십시오.");
        $(this).val('');
    }
});
</script>
 

스크립트 첫 줄을 보면 이렇게 되어있죠. input[name^=wr_1]

해당 부분을 적용하고 싶은 필드 네임 값으로 수정하면 됩니다.

 

하나가 아닌 둘 이상의 필드에 적용하고 싶으면 첫 줄을 이렇게 수정합니다.

쉼표 , 로 구분해서 name 값을 계속 추가하면 됩니다.

 

$(document).on("keyup", "input[name^=wr_1], input[name^=wr_2]", function() {

관리자님의 댓글

관리자

잘 안 되면 첨부된 write.skin.php 파일을 참고하세요. 여분필드 1, 2 번 두개에 적용됐습니다.

커뮤니티는 당분간 중단하겠습니다.
그누보드 게시판스킨 강좌 목록
번호 제목
공지 게시판 스킨 강좌 공지사항입니다.
95 특정 게시물 댓글 작성 및 출력 금지하기
94 특정 게시판에 지정된 회원만 글쓰기 허용하기
93 게시판 목록 카테고리 SELECT 형태로 변경
92 하루 동안 등록할 수 있는 댓글 수 제한하기
91 자동등록방지 캡챠(captcha) 무조건 사용하기
90 갤러리 스킨 목록에서 썸네일 대신 원본 이미지로 출력
89 댓글 수정 금지하기
88 임시 저장된 글 기능 삭제하기
87 댓글 비밀글 체크박스 무조건 체크 상태로 만들기
86 특정 회원 아이디 값을 지정해서 해당 회원이 작성한 글처럼 올리기
85 여분필드 사용 시 배열을 사용해서 체크박스 항목 만드는 방법
84 게시판 목록 페이지에 수정 삭제 버튼 출력
83 특정 게시판 제목 필수 입력 해제하기
82 게시판에 등록된 글 삭제시 관리자에게 SMS 문자 발송하기
81 첨부 파일을 다운로드하면 자동으로 추천하기
80 비추천 개수가 일정수 이상이면 게시글 삭제하기
79 게시판 목록에서 각종 아이콘 출력 부분을 이미지로 변경
78 이메일 주소 직접 입력과 특정 도메인을 선택해서 입력
77 게시판에 글 등록시 관리자에게 SMS 문자 발송하기
76 특정 회원만 게시판 내용을 볼 수 있게 아이디를 지정해서 글 등록하기
75 댓글 쓰기 권한이 없는 비회원도 입력 폼은 보이게 처리
74 게시판 목록에 다운로드수, 다운로드 포인트 출력
73 댓글 목록 회원만 공개하고 비회원은 비공개, 권한별로 설정
72 비밀글 댓글 작성시 작성자 별표 처리
71 게시물 수정시 등록 날짜를 현재 시간으로 업데이트
70 글쓰기 페이지에 개인정보수집이용 동의 체크박스 추가하기
69 스크랩 버튼 비회원에게도 노출시키기 댓글1
68 댓글 목록에서 내가 작성한 글만 출력하기
67 갤러리형 게시판에서 첨부된 사진이 없을 때 no image를 이미지로 출력
66 게시판 스킨을 분류별로 각각 다르게 설정했을 때 스킨 수정 안내
65 패스워드 지정 비밀글 게시판 만들기
64 링크 입력 특정 게시판에서만 삭제하기
63 목록 페이지에 특정 이미지 원본 선택해서 출력하기
62 게시판 스킨 제작할 때 이미지 경로 설정 방법
61 모바일 내용 관리 페이지에서 상단 하단 파일을 별도로 관리하는 방법
60 비밀글 체크박스 디폴트 값을 체크 상태로 설정하기
59 게시판 설정에 있는 여분 필드 사용 예제
58 글쓰기 페이지에서 링크 입력 문구 변경하기
57 목록에서 tr 배경색 구분
게시물 검색


그누스터디는 그누보드, 영카트 초보 사용자를 위한 정보를 공유합니다.

Copyright © GNUSTUDY. All rights reserved.
상단으로