2016-04-07 13 views
0

ユーザーにドルを指定できる入力フィールドがあります。このフィールドは機能し、ユーザーが自分のフォームに記入すると、入力したすべてのエントリが表示されます。Jqueryで入力フィールドにデータを入力しても、サーバーにデータが送信されない

私は何を達成しようとしていることはjQueryを使ってこれを達成する10、50、および100

の金額を示唆している。この入力の上3つのボタンを入れているが非常に簡単です。私のコードをheres。それはここでは問題だ

<script> 
    $("#donateButton10").click(function() { 
     $("#ctl00_ContentPlaceHolder1_Amount").val("$10.00"); 
    }); 
    $("#donateButton50").click(function() { 
     $("#ctl00_ContentPlaceHolder1_Amount").val("$50.00"); 
    }); 
    $("#donateButton100").click(function() { 
     $("#ctl00_ContentPlaceHolder1_Amount").val("$100.00"); 
    }); 
</script> 

を実現するために

HTML

<button class="btn" id="donateButton10" type="button">$10</button> 
<button class="btn" id="donateButton50" type="button">$50</button> 
<button class="btn" id="donateButton100" type="button">$100</button> 

質問

<div class="left right10 d_bold">Donation Amount<span class="required-field">*</span> 
    <div class="formInput"><telerik:RadNumericTextBox runat="server" ID="Amount" Type="Currency" Width="315" Height = "48" Font-Bold = "true" Font-Size = "18pt" /></div> 
</div> 

とJavaScriptでフォーム入力。ユーザーがボックスを手動で記入して提出すると問題はありません。フォームが検証され、すべてが素晴らしいです。しかし、ユーザーが代わりに入力ボックスに提案された量を入力すると、フォームに入力がないことを示すエラーがスローされます。

私は入力ボックスの値を取得し、その値をデバッグ行に書き込むためにC#コードを書きました。

string tester = Amount.Value.ToString(); 
System.Diagnostics.Debug.WriteLine(tester); 

私は手動で私は次の出力

10 

The thread 0xcf8 has exited with code 0 (0x0). 

を取得し、それが完璧に動作10を入力してください。私が実際に10ボタンを押してフォームを送信すると、出力はスレッドを終了する以外は何も表示しません。私が知っているのは、ユーザーがボタンをクリックしたときに、数字がボックスに入れられても、実際の値はそうではないということです。

Jqueryの.valはこれに適切なものではありませんか?私が考えていないものはありますか?実際に私を捨てる部分は、私が設定した場合です。

value = "10.00" 

フォームに送信してください。その理由は私が考えた理由.val

+0

私のフォームはサーバー側で初期化され、ブラウザを通過します。その奇妙なIDは、自分の入力ボックスに私のプログラムが生成するものです。問題は決してJqueryが入力フィールドを埋めることではありませんでした。問題は、intの代わりに文字列を埋めていたことでした。 – onTheInternet

答えて

0

明らかに、値が数値の場合は検証があります。 .val()関数を$10で満たすと、===int

+0

うわー。今は明らかです。かなり愚かな間違い。ご協力ありがとうございました。 – onTheInternet

+0

accept anwer pls =] –

+0

私が受け入れるには数分待たなければなりません。心配しないでください。 – onTheInternet

関連する問題