フォームにajaxを使用するには？

私は自分のウェブサイト上に名前の電卓を持っており、それぞれの文字の振動を計算します。たとえば、Aは振動1、Bは2、Cは3などですちょうど私がフォームに名前を入力すると、計算ボタンを押すと、プログラムはすべての文字の合計を計算し、それは全振動を表示しますフォームにajaxを使用するには？

しかし、フォームに名前を入力しているときに、ボタンを押す必要性は、最後の振動の合計を得るために計算する

出典

2016-11-05 bobo

を使用し、任意の場所にデータを送信する必要がない、計算を行う簡単なjavascriptの電卓のキーがあります押されて、現在の文字が機能します。しかし、はい、何を試しましたか？ – junkfoodjunkie

javascriptをtext onchangeイベントとともに使用します。 –

私たちが手助けできるようにいくつかのコードを示してください。 –

AJAXを使用する必要はありません。あなたには、いくつかの機能calculate()を持っていると仮定すると、あなたは、単にすべてのテキスト入力を集めることができ、このコードで

function calculate() { //code } 
var inputs = $('input[type="text"]); 
inputs.on('keyup', calculate());

のように、それらにイベントリスナーをバインドし、毎回任意のキーを任意の焦点テキスト入力にアップされ、機能が実行されます。 keyupの代わりにkeydownまたはkeypressのイベントを使用することもできます。

出典

2016-11-05 10:35:06 wscourge

このため、AJAXを使用する必要はありませんjQueryのキー押下機能

$("input").keypress(function(){ 
    //on each keypress in input this function will be executed, calculate your vibration for letters here and append the result in the result field 
});

Keypress

出典

2016-11-05 10:36:49

私は何も試してみません、電卓は既に誰かによって行われていますが、計算ボタン – bobo

を押す必要がありますので、HTMLサイトにコードがあり、phpファイルも添付されています。 – bobo

ボタン押下で実行されるコードはkeypress関数で実行する必要があります。ここでは、phpファイルの中でいくつかの計算が行われていると言いますが、ajax呼び出しを行い、その値を入力からajaxに渡す必要があります。あなたは入力フィールドを持っていますか？ @bobo –

フォームにajaxを使用するには？

答えて

関連する問題