JSがフォームから適切に値を引っ張ってくれないのはなぜですか？

Question

問題のHTMLは非常に単純です：

<form> <input type="text" name="locSearch" id="locSearch" /> <button id="locSearchBtn"><i class="fa fa-search" id="search-icon"></i></button> </form>

JS：

$(document).ready(function() { 
getsWeather('seattle, wa', 'f'); 
$("#locSearchBtn").click(function() { 
    getsWeather(document.getElementById('locSearch').value, 'f'); 
}); 

私は、フォーム（Enterキーを押してか、ページのリロード、アイコンを提出クリックして、しかし、とのいずれかを送信するとデフォルトの設定（つまり、 'Seattle、getsWeather関数のデフォルト引数としてwa）。入力ボックスにあるものをすべて取得し、それをgetsWeather関数の引数として使用する必要がありますが、現在動作していません。

アイデア？

Answer 1

ページを変更する場合は、ボタンをクリックしたときにフォームが送信されないようにする必要があります。それを行うには、2つの方法：

1. は、ボタンのためのあなたのclickハンドラの最後にreturn falseを追加します。これにより、フォーム提出が妨げられます（JavaScriptがクライアント上で有効になっている場合）。

2. type="button"をボタンに追加すると、送信ボタンではなくなります。

理想的には、あなたがJavaScript-の処理中にフォームの送信を経由して無効にJavaScriptでサーフィン少数の人々を処理するために、クライアントはJavaScriptが有効になっていない場合はフォームの送信を処理して1位を結合したいですページ内更新を使用してクライアントを有効にします。