엔터로 submit 시키기

<input type="text" name="enter" onkeydown="javascipt:if(event.keyCode == 13)searchList();">

 

==> Enter key 값은 13이다.

==> 만약 이벤트키값이 13이면 searchList(); 함수를 실행하라는 의미다.

==> 이때 주의할점은 폼 안에 text 박스가 하나일때만 가능하다

 

아래처럼에서는 적용시킬 수 없다

 

<form name="simjin">

    <input type = "text" name="enter">

    <input type = "text" name="enter" onkeydown="javascipt:if(event.keyCode == 13) add();>

</form>

 

 

그리고 이렇게 하였을 경우 두번 서브밋이 될 수 있다.

그랬을때에는

 

확인버튼을 <input type="image" src"../이미지경로"> 로 하고

<form name="simjin" action="./경로" onsubmit="return searchList();">

 

그리고 자바스크립트에서는

 

function searchList(){

    if(document.form.enter.value=="" ){

      alert("유효성체크");

      return;

    }

    return true;

}

 

아래처럼 하게되면

onsubmit 으로 searchList() 자바스크립트 함수가 호출되고

return 값이 true 면 action 으로 지정한 페이지로 submit 이 되는것이다.

 

이렇게하면 이중으로 서브밋 되는것을 방지할 수 있으며

엔터를 쳤을 경우 서브밋 되게 할 수 있다.