2番目のページをロードせずにajaxフィールドの挿入

Question

私はこのチュートリアルhttp://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/を使い、PHPを使用する代わりに自分の古典的なASPページを作成しましたが、表示されない入力ボックスにスペースを入れようとすると私は名前欄に法案ゲートを置く場合たとえばまではビル・ゲイツ

としてあなたは、私たちは確かに何が起こっているのか教えてためにここにあなたのマークアップを投稿する必要があります任意のアイデア

$(".btn22").bind("click", function() { 
var name = $("input#yourname").val(); 
if (name === "") { 
$("input#yourname").focus(); 
    return false; 
} 
var email = $("input#youremail").val(); 
if (email === "") { 
$("input#youremail").focus(); 
    return false; 
} 
var message5 = $("#limitedtextarea").text(); 
if (message5 === "") { 
    $("#limitedtextarea").focus(); 
    return false; 
} 
var sku5 = $("#sku5").val(); 
var dataString = 'yourname='+ name + '&youremail=' + email + '&message=' + message5 + '&sku5=' + sku5; 
$.ajax({ 
    type: "POST", 
    url: "actions/newreview.asp", 
    data: dataString, 
    success: function() { 
    $('#contact_form').html("<div id='message'></div>"); 
    $('#message').html("<br><br><p class='big red'>Thanks for the review.</p>") 
    .hide() 
    .fadeIn(1500, function() { 
     $('#message'); 
    }); 
} 
}); 
return false; 
}); 
}); 
'asp looks like this 

name = request.form("yourname") 
email = request.form("youremail") 
sku = request.form("sku5") 
comment = request.form("message") 
then inserts names into a database, but it has already gotten rid of the spaces before this point 

Answer 1

はそのチュートリアルで説明したものができた

おかげでみんな

Answer 2

を示しているが、入力タイプをtype = 'text'に設定しましたか？

Answer 3

は、フォームデータの独自のエンコードを行っているようです。それが問題なのかどうかは分かりませんが、それは可能でしょうか。 jQueryにはこれを行うユーティリティが含まれています。

dataString = $("#JqAjaxForm").serialize(); 

参照：http://api.jquery.com/serialize/

いくつかの他のコメント：

• あなただけのフォームのエンコーディングを使用するのではなく、JavaScriptのオブジェクトを生成することもできます。この場合、post()メソッドでdataType:jsonを使用する場合、jQueryはjsonにシリアル化します。

• 従来のASPページでJavascriptを使用します。クライアント（ブラウザ）とサーバーで同じ言語を使用すると、少し簡単になります。