0

次のようなフォームがあります。

<form action="" method="POST">
    <input type="text" value="name[]">
    <input type="submit">
</form>
<a href="#" id="add">Add field</a>

Javascript / jQuery には、次のようなフィールドを追加するオプションがあります。

$('a').click(function()
{
    $('form').append( $('input[type="text"]').clone() );
    return false;
});

これは単なるダミー コードですが、動的フォームであることを明確にするためです。

このフォームが送信されて戻ると (ブラウザーの [戻る] ボタンを押すだけで)、追加された追加のフィールドと値が消えてしまいます!

これを簡単に処理する方法は？

アップデート

CodeIgniter とフォーム検証を使用しています。フォームが失敗した場合、すべての変数はそのまま残ります。カスタム コーディングを行ったので、動的フィールドとその値はそのまま残ります。私がやろうとしていることのために、これの一部を使用できますか? 基本的に、フォームの検証のためにすべてがすでに用意されています。今、これは戻っている間に動作する必要があります...

4

2 に答える 2

0

送信ボタンは、ドキュメントの新しいリクエストを作成し、現在のドキュメントをアンロードします。ページの進行状況を保存する最も簡単な方法は、ページをまったくアンロードしないことです。ここで簡単な実装を見つけることができます

また、Cookie またはローカル ストレージを使用してドキュメントの状態を保存することもできます。

更新 あなたも使えることに気づきました

$("form").bind('submit',function(){
   return false;
});

ただし、ドキュメントをアンロードしても問題は解決しません。そして、「戻る」ボタンを使用して再読み込みしてください。あなたを救うことができる唯一のものは、クッキーとローカルストレージです.

于 2013-05-10T14:05:59.257 に答える