Javascript) 소문자 및 숫자만 입력받기

ID를 입력받을때 유용합니다.

 

HTML

<input type="text" class="form-control" id="id" name="id" 
placeholder="사용할 ID를 입력해주세요." maxlength='15' onkeyup="checkAlphaNum(this)">
	      

onkeyup event는 키보드 버튼이 눌렸다가 올라올 때 발생해요.

 

이때 CheckAlphaNum()을 호출합니다. this 키워드를 이용해 input 태그를 javascript로 전달합니다.

 

자바스크립트

  function checkAlphaNum(param){
	  var str = param.value;
	  var i = str.length - 1;
	  if((str[i]>='0' && str[i]<='9') || (str[i]>='a' && str[i]<='z')){
		  return ;
	  }
	  param.value=str.substring(0,i);
	  param.focus();
  }

글자가 숫자인지 소문자인지 확인을 하고, 둘 다 아닌 경우에는 String 객체의 substring를 호출합니다.

 

substring(a,b)함수는 문자열을 a부터 b까지 잘라주는 기능을 갖고있습니다.