input 칸에 숫자만 입력하기. 다른글자 허용안됨.
안녕하세요 ^ㅁ^
input 칸에 숫자 외에 다른글자는 허용못하게 막으려고 합니다.
연락처니까 숫자만 들어가야겠죠?
원래는 그누보드 .js 파일에 함수를 불러올 생각이었는데 할줄 몰라서 -_-;; 다른 방식을 취했습니다.
왕초보자라 그누보드 자체 함수를 불러와서 적용시키는 방법을 몰라요 ㅜ.ㅜ헝헝...
그래서!!!!!!
더 쉬운방법을 찾았습니다. ;ㅇ;
===================================== 코드 =============================================
원래코드 :
<input class='ed' style="width:30%;" name=wr_5 id="wr_5" itemname="연락처" value="<?=$write[wr_5]?>">
변경코드 :
<input class='ed' style="width:30%;" name=wr_5 id="wr_5" itemname="핸드폰" value="<?=$write[wr_5]?>" onkeydown="this.value=this.value.replace(/[^0-9]/g,'')" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onblur="this.value=this.value.replace(/[^0-9]/g,'')"> - (하이픈)을 빼고 숫자만 입력하여 주십시오.
우리가 찾는 코드는 아래와 같습니다 :)
onkeydown="this.value=this.value.replace(/[^0-9]/g,'')" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onblur="this.value=this.value.replace(/[^0-9]/g,'')
이렇게 하면 수월하게 끝낼수 있어요~ 물론 제가 만든 코드가 아니라 퍼온건데..
어디서 퍼왔는지 출처를 알수가 없네요 ㅠㅠ
=======================================================================================
input 칸에 숫자 외에 다른글자는 허용못하게 막으려고 합니다.
연락처니까 숫자만 들어가야겠죠?
원래는 그누보드 .js 파일에 함수를 불러올 생각이었는데 할줄 몰라서 -_-;; 다른 방식을 취했습니다.
왕초보자라 그누보드 자체 함수를 불러와서 적용시키는 방법을 몰라요 ㅜ.ㅜ헝헝...
그래서!!!!!!
더 쉬운방법을 찾았습니다. ;ㅇ;
===================================== 코드 =============================================
원래코드 :
<input class='ed' style="width:30%;" name=wr_5 id="wr_5" itemname="연락처" value="<?=$write[wr_5]?>">
변경코드 :
<input class='ed' style="width:30%;" name=wr_5 id="wr_5" itemname="핸드폰" value="<?=$write[wr_5]?>" onkeydown="this.value=this.value.replace(/[^0-9]/g,'')" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onblur="this.value=this.value.replace(/[^0-9]/g,'')"> - (하이픈)을 빼고 숫자만 입력하여 주십시오.
우리가 찾는 코드는 아래와 같습니다 :)
onkeydown="this.value=this.value.replace(/[^0-9]/g,'')" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onblur="this.value=this.value.replace(/[^0-9]/g,'')
이렇게 하면 수월하게 끝낼수 있어요~ 물론 제가 만든 코드가 아니라 퍼온건데..
어디서 퍼왔는지 출처를 알수가 없네요 ㅠㅠ
=======================================================================================
댓글 9개
kalcapt
12년 전
감사합니다^^
모든 필드에 입력하기보다는 함수로 만들어서 onChange이벤트에 물려서 쓰는것도 좋을 것 같네요^^
모든 필드에 입력하기보다는 함수로 만들어서 onChange이벤트에 물려서 쓰는것도 좋을 것 같네요^^
12년 전
우앗!! 그러한 간단한 방법이 있었군요 ^^
kalcapt
12년 전
그러네요..^^;
11년 전
좋은정보네요~ 혹, 영어만 입력되게 하려는 경우에는 style을 이용해서 아래와 같이 처리하면 됩니다.
<input name=wr1_2 itemname="영문명" value="<?=$wr1[2]?>" type="text" style="width:90%; ime-mode:disabled;" required>
<input name=wr1_2 itemname="영문명" value="<?=$wr1[2]?>" type="text" style="width:90%; ime-mode:disabled;" required>
11년 전
전 개인적으로 이걸더 선호 합니다..
<input name="name" style="ime-mode:disabled" onkeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false;">
<input name="name" style="ime-mode:disabled" onkeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false;">
스타크루즈
11년 전
우아... 대단.. 자바스크립트 중복으로 되어 있어서... 어떻게 적용시킬지 ..고민 고민했는데.. 한방에 해결. 와우
9년 전
이런 방법도 있습니다.
--------------------------------------------------------------------------------
[code]
<input type="text" name="wr_hp" id="numInput" placeholder="값을 입력해주세요."/>
<button id="sendThis">
제출하기
</button>
<span id="result"></span>
[/code]
[code]
$('#numInput').on('keyup keydown',function() {
var thisVal = $(this).val();
console.log(thisVal);
var num_check=/^[0-9,-]*$/;
if (!num_check.test(thisVal)){
$('#result').text( "숫자만 입력할 수 있습니다." );
$('#sendThis').attr('disabled',true);
}else{
$('#result').text( "" );
$('#sendThis').attr('disabled',false);
}
});
[code]
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
[code]
<input type="text" name="wr_hp" id="numInput" placeholder="값을 입력해주세요."/>
<button id="sendThis">
제출하기
</button>
<span id="result"></span>
[/code]
[code]
$('#numInput').on('keyup keydown',function() {
var thisVal = $(this).val();
console.log(thisVal);
var num_check=/^[0-9,-]*$/;
if (!num_check.test(thisVal)){
$('#result').text( "숫자만 입력할 수 있습니다." );
$('#sendThis').attr('disabled',true);
}else{
$('#result').text( "" );
$('#sendThis').attr('disabled',false);
}
});
[code]
--------------------------------------------------------------------------------
godglee
4년 전
감사합니다~ 잘 쓰겠습니다.
아이스웨덴™
11개월 전
숫자만 입력하기
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3069 | 12년 전 | 4359 | ||
| 3068 |
 Terrorboy |
12년 전 | 5667 | |
| 3067 | 12년 전 | 5692 | ||
| 3066 | 12년 전 | 7798 | ||
| 3065 | 12년 전 | 5956 | ||
| 3064 |
Header
|
12년 전 | 2863 | |
| 3063 | 12년 전 | 5388 | ||
| 3062 | 12년 전 | 24755 | ||
| 3061 |
디자인오늘
|
12년 전 | 2793 | |
| 3060 |
 cshop2 |
12년 전 | 11926 | |
| 3059 | 12년 전 | 5281 | ||
| 3058 | 12년 전 | 6166 | ||
| 3057 |
 cybernet |
12년 전 | 11252 | |
| 3056 | 12년 전 | 5030 | ||
| 3055 | 12년 전 | 23535 | ||
| 3054 |
 넓은마인드 |
12년 전 | 8666 | |
| 3053 |
wndProc
|
12년 전 | 5433 | |
| 3052 | 12년 전 | 5502 | ||
| 3051 | 12년 전 | 3445 | ||
| 3050 | 12년 전 | 12126 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기