티스토리 뷰

<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 이 되는것이다.

이렇게하면 이중으로 서브밋 되는것을 방지할 수 있으며
엔터를 쳤을 경우 서브밋 되게 할 수 있다.

출처 : http://blog.naver.com/simjin1984/60033874178

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함