同じボタンをクリックしたときにリダイレクトできないのはなぜですか？

Question

私はポストコードだけを入力するとアドレスを取得できる機能を実装しています。通常、次のボタンをクリックすると、私はアドレスのリストを取得しています。実際に私はまた、ユーザーがテキストフィールドに郵便番号を入力し、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

を使用してみてください私は、フィールドがフォーム内であり、あなたがあなたのフォームを入力して押したとき、それはあなたが必要submitting.Allだがformを提出しないようにすることであると仮定：

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

フォームの提出を防ぐにはreturn falseも動作するはずです。

Answer 3

ボタンにhref attrがある場合は削除して、リスナーを直接clickリスナーで実行してください。