카테고리 없음

자바스크립트에서 특정 키만 입력 받기, input에서 엔터로 데이터 전송되는 것 막기

건덕지만세 2012. 2. 21. 09:51
반응형

function onEnter(code)
{
  if(code==13) // 13은 엔터키다
{
check();
}
}

HTML은

<input type="text" name="login_id" size=10 onKeyPress="javaScript:onEnter(event.keyCode)">

이런 식으로 입력한다.

 

또한 <input type='text' 에서 엔터를 입력하면 자동으로 데이터가 전송(submit)되는 현상을 막기 위해서는

<form onSubmit='return false'> 라고 입력하면

input 창에서 엔터로 submit되는 현상을 막을 수 있다.

 

전체 소스 참고하세요!

<html>
<head>
<script>
function inputCheck(code)
{
  if(code == 13)    check();
}

function check()
{
  if(f.name.value == '')
  {
    alert('이름을 입력하세요');
    f.name.focus();
  }
  else
  {
    f.submit();
  }
}
</script>
</head>

<body>
<form name='f' method='get' onSubmit='return false'>
이름 : <input type='text' name='name'> <input type='button' value='입력' onclick='check()'>
</form>
</body>
</html>