2011-01-23 7 views
1

私は、ページを再読み込みせずにフォームを送信する必要があるプロジェクト(shoutbox)を作成しています。簡単でしょうか?さて、私はjQueryを使用していますが、私は問題に取り組んでいます。私が1つのinputボックスしか持っていないと、すべて正常に動作します。しかし、私は2つを持っている場合、それは壊れます。.submit()での問題

フォーム -

<form id="freeshout-form" method="post"> 
    <input id="name" type="text" name="name" value="name" /> 
    <input id="entry" type="text" name="entry" value="entry" /> 
</form> 

jQueryの -

$("#freeshout-form").submit(function(event) { 
    event.preventDefault(); 
    alert($("#name").val() + ' - ' + $("#entry").val()); 
    }); 

しかし、私は入力ボックスのいずれかを削除した場合、アラートボックスは、の値を「未定義」という入力の値を表示してます他の入力値は[何であったでしょうか]。しかし、私が取り戻した入力値を置くと、アラートボックスはまったく表示されません。

アイデア?

更新:jsfiddleで動作しますが、on my siteでは動作しません。しかし、同じコードだと、おそらくそれを妨げる可能性のあるすべてのものを削除しました。

+1

はうまく動作します:http://www.jsfiddle.net/4BNbJ/ – jAndy

+1

@Andrew:多分私は何かが不足していますが、動作するようですか?参照してください - http://jsfiddle.net/gPSje/ – stealthyninja

+0

それは...変だ。 jQueryソースへのリンク以外のJSは他にありません。それはうまくいきません。 =/ – Andrew

答えて

1

送信ボタンを追加するとコードが正常に機能します。目に見えないものを追加することができます。または、フォームに「Enter」キーを聞くことができます。


おそらくキャッシングの問題です。ブラウザのキャッシュをクリアして、もう一度お試しください。

+0

@Andrew:更新しました。送信ボタンを追加するとコードが正常に動作します。それから始めよう。 Ohh。 – user113716

+0

ユーザーがリターンキーを押したときにフォームが送信され、コードに送信ボタンが必要であることがわかりませんでした。送信ボタンを追加して非表示にすると、問題が起きると思いますか?私はちょうどそれをテストし、それが機能します(隠されている間にリターンキーを押す)が、私はちょうどそれが "大丈夫"であるかどうかを見たいと思っています。 Meh。とにかく、それを指摘してくれてありがとう。 – Andrew

+0

@Andrew:Chromeで 'display:none'で試してみたところ、問題が起きているようでした。私は何か他のものを混乱させたかもしれない。私はいくつかのテストをしたいと思います。あなたはおそらく "入力キーでフォームを送信する"か何かを検索することができます。 – user113716