値がフォームで消える

Question

まあ、下のスニペットには、入力するテキストフィールドが含まれています。その値はJavaScript関数の後半で使用されます。これらのフォームはフォームに含まれています。

問題は、フォームを送信するときに正しい値が得られ、次に入力されたフィールドの内容が約2秒後に消えてしまうことです。レートの変更や容量フィールドの変更を記入しないと、アラートが表示され、値が消えても同じことが起こります。どのようなアイデアがここで起こっている？私はどこでも「リフレッシュ」を使用していません。あなたの時間をありがとう。

Answer 1

あなたは送信ボタンをクリックリスナーにバインドしました。したがって、ボタンをクリックすると機能は実行されますが、フォームも送信されます。

あなたがすべきことは、このようなフォームを提出するためにその関数をバインドすることです。

<form ... onsubmit="calculateRevenue(this)"> 

この関数では、フォームが送信されないようにfalseを返す必要があります。

if (form.ratechange.value == '') 
{ 
    alert('Please enter a value for the Change in Rate field. '); 
    return false; 
}