[2014-04-10] 로그인할 때 엔터키를 치면 로그인버튼이 눌리게하고 싶습니다.

okjsp [2014-04-10 15:46:37]

http://www.okjsp.net/seq/247864

 

 

제대로 알고 하는게 아니고 인터넷 검색으로 하다보니 안되면 왜 안되는지 알 수가 없더라고요.그래서 도움 요청드립니다.

이부분이 패스워드 입력하고 엔터치면 실행시키고 싶은 자바스크립트 부분 입니다.
function chkEnter() {

if (event.which || event.keyCode) {

if ((event.which == 13) || (event.keyCode == 13)) {

document.getElementById("btnLogin").click();
return false;
}
}
else {
return true;
}
}

[[btnLogin 이건 로그인 버튼 id입니다.]]

여기는 화면 부분입니다.
<div id="password"><input id="password1" type="password" onkeydown="if(event.keyCode==13) javascript:chkEnter();" name="password" placeholder="비밀번호" ></div>

 

도대체 어디가 잘못되서 실행이 안되는지 모르겠습니다.
에러가 나는 것도 아니고
로그인 버튼 클릭할때는 잘 되거든요~

좀 알려주세요~~

 

 

추가+)
//로그인버튼클릭시
$("#btnLogin").click(function(){
if(formValidCheck()){ .....

 

제가 개발을 한게 아니고 좀 더 필요한 부분들 수정 중이거든요~
그래서 최대한 이전의 코드는 안 건드리고 싶어요.

 

--------------------------------------------------------------------------------------------------------

답변1

[그냥 로그인 버튼을 submit 으로 만드시고
화면 부분을 form 으로 감싸세요~]

알려주신대로 해봤는데 정말 클릭만 되는데 다른 것이 더 필요한 걸 까요?

 

답변1-1

[form 에 action 은 주셧죠?? 혹시나 해서 ^^;;]

form이 있기는 한데 제가 쓰려는 부분에 대해 하나 더 만들어야 할 것같습니다.; 검색하다보면 이 부분은 나올것 같습니다. 제가 아무것도 아는 것 없이 취업이 되서 배워야 할 것들이 너무 많네요; 흠..완전 생기초부터 해야하는데..좀 깜깜하기도 하고.. 하하 무튼 답변 감사합니다!!!!

 

답변1-2

[<form action="sumit할 페이지">
<div id="password"><input id="password1" type="password" name="password" placeholder="비밀번호" ></div>
<input type="submit">
</form>
action에 이동할 페이지 주소 주시면 form 안에서는 엔터를 치면 딱히 뭐 스크립트 안걸어도
submit 버튼 클릭하게 되고 action에 의해서 페이지 이동되요~화이팅!]

 

답변2

[btnLogin 버튼에 click event 로 이벤트는 주셨나요..? 별 문제 없어 보이는데....]

$("#btnLogin").click(function(){
if(formValidCheck()){ ... 하는 게 더 있습니다.
formValidCheck()역시 함수 따로 있고요~

 

답변3

[login button click 시 호출 하는 function 이 goLogin() 이라고 가정하면

document.getElementById("btnLogin").click(); 이부분 대신
goLogin(); 하면 되겠네요..]

네네 저도 그렇게 하고 싶은데 $("#btnLogin").click(function(){..되있는 부분은 어떻게 해야하는지 모르겠더라고요. 그래서 버튼을 누르면되지 않을까 했는데 버튼 역시 버튼만 눌리고 로그인이 되지는 않습니다.

 

답변4

[http://jsfiddle.net/idealful/mbPJ2/]

이거 다시 따라해 볼게요~

 

답변5

[onkeydown="if(event.keyCode==13) chkEnter();"]

감사합니다.~

 

--------------------------------------------------------------------------------------------------------

여전히 못하고 있다.소스는 맞는 것 같은데..

왤까.....

 

form을 써보려고 해도 이미 form이 있어서 음...여러개를 쓸 때 어떻게 해야하는지는 봐야할 것 같은데..

사실은 봤지만..어렵다..