테스트 사이트 - 개발 중인 베타 버전입니다

input 칸에 숫자만 입력하기. 다른글자 허용안됨.

· 11년 전 · 10832 · 9
안녕하세요 ^ㅁ^

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개

감사합니다^^
모든 필드에 입력하기보다는 함수로 만들어서 onChange이벤트에 물려서 쓰는것도 좋을 것 같네요^^
우앗!! 그러한 간단한 방법이 있었군요 ^^
그러네요..^^;
좋은정보네요~ 혹, 영어만 입력되게 하려는 경우에는 style을 이용해서 아래와 같이 처리하면 됩니다.
<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;">
11년 전
우아... 대단.. 자바스크립트 중복으로 되어 있어서... 어떻게 적용시킬지 ..고민 고민했는데.. 한방에 해결. 와우
이런 방법도 있습니다.
--------------------------------------------------------------------------------
[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]
--------------------------------------------------------------------------------
감사합니다~ 잘 쓰겠습니다.
10개월 전
숫자만 입력하기

게시글 목록

번호 제목
33411
33410
33409
33408
33407
33404
33403
33402
33399
33398
33390
33386
33377
33356
33348
33340
33334
33333
33329
33322