첫페이지 로그인 태그구름 방명록
자바스크립트 폼 하이픈(-) 없이 입력받기, 자동삭제 소스 인터넷관련2011-05-31 16:41:46


<input type="text" name="number" maxlength="20" value='' onKeyup="this.value=this.value.replace(/[^0-9]/g,'');">



입력폼에서 주민번호를 하나의 input에 받거나 전화번호를 하이픈 없이 입력 제한을 할경우

사용하시면 됨니다.

위 input에 숫자 이외의 글자나 문자를 넣으면 자동 삭제됨니다.





숫자 : <input type="text" name="number1" maxlength="20" value='' onKeyup="this.value=this.value.replace(/[^0-9]/g,'');">

영어대문자 : <input type="text" name="number2" maxlength="20" value='' onKeyup="this.value=this.value.replace(/[^A-Z]/g,'');">

영어소문자 : <input type="text" name="number3" maxlength="20" value='' onKeyup="this.value=this.value.replace(/[^a-z]/g,'');">

영어대소문자 : <input type="text" name="number4" maxlength="20" value='' onKeyup="this.value=this.value.replace(/[^A-z]/g,'');">

영어대소문자+숫자 : <input type="text" name="number5" maxlength="20" value='' onKeyup="this.value=this.value.replace(/[^A-z0-9]/g,'');">

한글만 : <input type="text" name="number6" maxlength="20" value='' onKeyup="this.value=this.value.replace(/[^ㄱ-힣]/g,'');">

한글만 : <input type="text" name="number6" maxlength="20" value='' onKeyup="this.value=this.value.replace(/[^가-힣]/g,'');">


숫자 :

영어대문자 :

영어소문자 :

영어대소문자 :

영어대소문자+숫자 :

한글만 :

한글만 :

한글 체크는 실시간 체크시 오류가 발생합니다. 글자 입력 후 전송시 체크나 포커스 이동시 체크 하세요.




자바스크립트(JS) 한글만, 숫자만, 영어만, 영문만 입력받기 예제



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<SCRIPT LANGUAGE="JavaScript">
<!--
 function validateInputString(inputString, workType)
 {
  var v_normal = '';
//  alert("input : "+ inputString);

  if(workType == "onlyNumber"){
   v_normal = /[^0-9]/g;
  }//아래로
  else if(workType == "onlyAlphabet"){
   v_normal = /[^a-zA-Z]/g;
  }//아래로
  else if(workType == "onlySmallAlphabet"){
   v_normal = /[^a-z]/g;
  }//아래로
  else if(workType == "onlyCapitalAlphabet"){
   v_normal = /[^A-Z]/g;
  }//아래로
  else if(workType == "onlyHangul"){ // 한글(초성 포함)만 가능
   v_normal = /[^ㄱ-ㅎ가-힣]/g; //본래는 '히+ㅎ'까지 체크해야 하나 euc-kr은 '힝'까지만 가능
  }//아래로
  else if(workType == "onlyHangulWhiteSpace"){ // 한글, 공백만 가능
   v_normal = /[^ㄱ-ㅎ가-힣\s]/g;
  }//아래로
  else if(workType == "onlyPerfectHangul"){ // 한글(초성 제외)만 가능
   v_normal = /[^가-힣]/g;
  }//아래로
  else if(workType == "onlyEmail"){ // 이메일 주소(영문자, 숫자, dot(.))만 가능
   v_normal = /[^a-zA-Z0-9.]/g;
  }//아래로
  else{
   alert("정규식 선택이 부적합합니다.");
   return "";
  }

  if(v_normal.test(inputString)){
   var v_result = inputString.replace(v_normal, '');
//   alert("result : "+ v_result);
   return v_result;
  }//아래로
  else{
   return inputString;
  }
 }


 function onlyHangul(inputObj)
 {
  inputObj.value = validateInputString(inputObj.value, "onlyHangul");
 }


 function onlyNumber(inputObj)
 {
  inputObj.value = validateInputString(inputObj.value, "onlyNumber");
 }


 function onlyAlphabet(inputObj)
 {
  inputObj.value = validateInputString(inputObj.value, "onlyAlphabet");
 }


 function onlyEmail(inputObj)
 {
  inputObj.value = validateInputString(inputObj.value, "onlyEmail");
 }
//-->
</SCRIPT>

</HEAD>

<BODY>

<form name="frm">
 한글만 : <input type="text" name="test" onBlur="onlyHangul(this)" onChange="onlyHangul(this)" /><br/>
 숫자만 : <input type="text" name="test" onBlur="onlyNumber(this)" onChange="onlyNumber(this)" /><br/>
 영어만 : <input type="text" name="test" onBlur="onlyAlphabet(this)" onChange="onlyAlphabet(this)" /><br/>
 이메일 : <input type="text" name="test" onBlur="onlyEmail(this)" onChange="onlyEmail(this)" onKeyUp="onlyEmail(this)" /><br/>
</form>

</BODY>
</HTML>



▶ 블로그 조회수 베스트 400위 [보기]

▶ 섹시모델 19세 한국계 강이함 사진 [보기]

▶ 50세 이상 비키니 콘테스트 사진 [보기]

▶ SDN48 사진 [보기]

▶ 외제차라면 환장하는 사진 [보기]

▶ 일본 러브텔 사진 [보기]

▶ 예쁜 엉덩이 선발 대회 사진 [보기]

▶ 일산 호수공원의 민폐아줌마 동영상 [보기]

▶ 고속도로에서 배기량빨 믿고 깝치던 체어맨W의 굴욕 동영상 [보기]

▶ 인어시체 발견 [보기]

▶ 민망한 아나운서 비난 [보기]

▶ 중국 버스 수녀 쩍벌녀 동영상 [보기]

▶ 조종사 악명높은 공항 사진 [보기]

▶ 미스 젖은셔츠 선발대회 사진 [보기]

▶ 얼굴이 예뻐지는 기구들 사진 [보기]

▶ 농사짓는 달력 사진 [보기]

▶ 전신스캐너 가리개 사진 [보기]

▶ 훈녀 혼혈 쌍둥이 사진 [보기]

▶ 황홀한 바디페인팅의 세계 사진 [보기]

▶ 병따개 비키니 사진 [보기]

▶ 멕시코 성인식 사진 [보기]

▶ 극한 상황에서 잠자는 사람들 사진 [보기]

▶ 살아있는 외계인 충격 동영상 [보기]

▶ 패리스 힐튼 민망 사진 [보기]


■ 꿈해몽, 꿈풀이

■ 최신 주소검색, 변경된 우편번호 조회 및 영문우편번호

■ 웹타자연습, 한글타자(한타), 영문타자(영타), 점수기록

■ 아이피조회 추적, 국가별 나라별 아이피 국기

■ 포토샵 없이 웹에서 글자를 이미지로 변환

■ 만세력 음력양력 변환 달력 (육십갑자,12지,24절기...)

■ 24절기 [二十四節氣] 유래와 세시풍속의 의미 및 뜻

■ 한눈에 보는 육십갑자표

■ 디데이 계산

■ 기념일 계산

■ 피임진단 : 배란일, 임신기간, 가임주기, 배란기, 생리주기, 임신가능일 계산 프로그램

■ 구구단 19단표, 19단송

■ 아라비아숫자 한자변환기(금액 한자변환)

■ 영문오타 한글로 자동변환

■ 한글 발음을 영어로 변환

■ 한글 발음을 일어로 변환

■ 유니코드·헥사코드 변환기

실시간 급상승 검색어
한나 파경위기   김선영 결혼   등기임원 평균보수   알리야 가라예바   노무현 마지막육성  
매직팬제트 특허공방   대구 과학고등학교   박지민 JYP   서울대 투신   이하이 졸업사진  
한스밴드   개콘 이죽사   김진희 착시의상   강지숙   정준하 신부  
댓글 0개 엮인글 0개 이 글에 엮인글 보내기
이름  비밀번호 
홈페이지
비밀댓글
스팸방지 2aea2bfaed 
rss Xml Feed list
실시간 인기 태그 믹시
Copyright ⓒ Lalca. All rights reserved.