동일한 버튼을 클릭 할 때 리디렉션을 방지 할 수없는 이유는 무엇입니까?

Question

게시물 코드 만 입력하면 주소를 얻을 수있는 기능을 구현하고 있습니다. 일반적으로 다음 버튼을 클릭하면 주소 목록이 표시됩니다. 사실 나는 또한 사용자가 텍스트 필드에 zipcode를 입력하고 Enter 키를 눌러 주소 목록을 표시하는 입력 버튼 기능을 구현하려고합니다. 여기

내 코드입니다 :

$('#nxt-button').click(function(event){ 
    event.preventDefault(); 
// ajax call for getting all addresses related to entered post code 
return false; 
}); 

// 버튼 기능 입력 이제

$("#post-code-textfield").keyup(function(event){ 
     if(event.keyCode == 13){ 
      $("#nxt-button").click(); 
      event.preventDefault(); 
      return false; 
     } 
     }); 

문제입니다 나는 바로 옆에 버튼에서 preventDefault 작품을 눌러하지만 누를 때 키의를 입력 할 때 페이지가 다음 페이지로 리디렉션됩니다.

도와주세요.

Answer 1

것은 내가 필드가 폼 내부에 있다고 가정 keypress 이벤트

$("#post-code-textfield").keypress(function(event){ 
     if(event.keyCode == 13){ 
      $("#nxt-button").click(); 
      event.preventDefault(); 
      return false; 
     } 
     }); 

Answer 2

를 사용하여 시도하고 당신이 당신의 양식을 입력 누를 때 방지 form를 제출하는 것입니다 필요 submitting.All 그건 :

$('form').submit(function(event){ 
     event.preventDefault(); 
}); 

양식 제출을 방지하려면 return false도 작동해야합니다.

Answer 3

버튼에 href attr이있는 경우이를 제거하고 수신기에서 직접 click 리디렉션을 수행하십시오.