フォーム提出時に入力フィールドをクリアする

私はこれが新たに続けて尋ねられていることを知っています。私は別の答えをチェックして、別の解決策を試みましたが役に立たない。場合によっては、コードがどのように編集されたかによってケースバイケースになることもあります。フォーム提出時に入力フィールドをクリアする

私は送信ボタン（& &を入力します）をクリックすると、ページ内の2つの入力フィールドをクリアするだけで、別のスレッド用の別のイベントでなければ、クリックするのではなく、 - これは私の使用のために作られたサイトです。

もちろん、入力タグ、タイプサブミット、およびその有効な罰金があります。

function onSubmitForm(e) { 
    e.preventDefault(); 
    var var1 = document.getElementById("name"); 
    var var2 = document.getElementById("review"); 
    arrayOne.push({name:var1.value,review:var2.value}); 
    localStorage.filmDatabase = JSON.stringify(arrayOne); 
    document.getElementById("eyedee").innerHTML += '<p>' + '<span class=name>' + var1.value + '</span>' + '<span class=review>' + var2.value + '</span>'; 
}

私はそのちょうどおそらくブロックの終わり（右）コードの1行を置くことについての推測しているが、私はちょうどそれを把握することができませんでした。しかし、私はまた、すでに特定のonSubmitの機能を持っています。助けてくれてありがとう！

出典

2013-03-11 Kizer Yakuza

？最初の質問の同じ行にある[this]（http://blog.utest.com/why-should-anyone-use-jquery/2011/06/） –

を参照してください。まだ同じonSubmitFormメソッドを使用します。毎回それを選択することなく即座にフォームを再入力するための準備が整うように、送信時にフォーカスを「最初の」入力フィールドに戻すようにします。 Thnx！ –

は、フォーム要素で提供されていますreset機能を使用します。

var form = document.getElementById("myForm"); 
form.reset();

出典

2013-03-11 16:52:04 thomaux

）しかし、私は入力フィールドの値を "クリア"する第2の可能性を選択しました。ありがとうございます！ =） –

@KizerYakuzaあなたが選んだ答えを受け入れるべきです。これは将来の参考に役立ちます。 – thomaux

あなただけの空の文字列に値を設定することで、それらの値をクリアすることができます

var1.value = ''; 
var2.value = '';

出典

2013-03-11 16:47:24

ありがとう！ =）これはコードへの統合が容易だったので、私が行った最後の選択でした^^ありがとうございました！ =） –

非常にきれいで簡単です。ありがとうございました！ – otmezger

このようにすれば、自分のIDでフォームを保持し、すべてのコンテンツをスローすることができます。この技術は最も高速です。

document.forms["id_form"].reset();

出典

2017-05-04 14:30:43

まだ使用できる空の文字列を使用して：あなたは[jQueryの]（http://jquery.com/）..Whyを使用しなければならない

document.getElementById("name").value = ''; 
document.getElementById("review").value = '';

出典

2017-09-12 20:41:29 megamind

フォーム提出時に入力フィールドをクリアする

答えて

関連する問題