input 칸에 숫자만 입력하기. 다른글자 허용안됨. 정보
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,'')
이렇게 하면 수월하게 끝낼수 있어요~ 물론 제가 만든 코드가 아니라 퍼온건데..
어디서 퍼왔는지 출처를 알수가 없네요 ㅠㅠ
=======================================================================================
추천
0
0
댓글 8개
감사합니다^^
모든 필드에 입력하기보다는 함수로 만들어서 onChange이벤트에 물려서 쓰는것도 좋을 것 같네요^^
모든 필드에 입력하기보다는 함수로 만들어서 onChange이벤트에 물려서 쓰는것도 좋을 것 같네요^^
우앗!! 그러한 간단한 방법이 있었군요 ^^
그러네요..^^;
좋은정보네요~ 혹, 영어만 입력되게 하려는 경우에는 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>
전 개인적으로 이걸더 선호 합니다..
<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;">
우아... 대단.. 자바스크립트 중복으로 되어 있어서... 어떻게 적용시킬지 ..고민 고민했는데.. 한방에 해결. 와우
이런 방법도 있습니다.
--------------------------------------------------------------------------------
[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]
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
<input type="text" name="wr_hp" id="numInput" placeholder="값을 입력해주세요."/>
<button id="sendThis">
제출하기
</button>
<span id="result"></span>
[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]
--------------------------------------------------------------------------------
감사합니다~ 잘 쓰겠습니다.