HTMLとJQuery：データを1ページから2ページに移動する

Question

HTMLとJQuery（PHPなし）を使用してアプリケーションを開発していますが、index.htmlとregister.htmlという2つのページがあります。最初のページ（index.html）に、カード番号を入力するよう求められたら、「submit」をクリックします。ユーザーがこれを行うと、私は隠された入力がある2番目のページに移動します。

これはindex.htmlに、コードで

<form id="RegisterForm" method="post" data-ajax="false" id="registerCardForm" action="register.html"> 
     <input type="text" id="cardNumberRegField" type="tel" name="cardNumber" class="required number register" minlength="16" maxlength="16" /> 
     <input name="Submit" type="submit" class="button" value="Register"/> 
    </form> 

register.html

​​

だから私は2番目のページに隠し入力する最初のページに番号をロードしない方法を私の質問ページが完全に読み込まれる前に？

Answer 1

あなたはしていません。投稿は厳密にサーバー側で処理されます。情報がサーバーによって処理されると、htmlがレンダリングされ、ページがプッシュされます。メソッドをgetに変更すると、urlにはフォームのすべての変数があり、jQueryを使用して解析することができます。

Answer 2

"get"にメソッド属性を設定して、paramsがURLにあるようにし、register.htmlでそのparamsのdocument.locationを解析できます。

希望します。

Answer 3

サーバー側のスクリプトがないと、URLまたはCookieを使用する唯一の方法はありません。データは完全に公開され、簡単に操作できます。言うまでもなく、URLのデータでは、ブラウザの履歴にトレースが残っています。

このようなことをするときは、サーバー側のスクリプトを真剣に検討してください。

Answer 4

おそらくは2つではなく1つのウェブページを使用する方が簡単でしょうか？

現在の各ページの内容を1ページにdivに入力します。ページの読み込みには、最初のdivのみを表示してください。ユーザーがクリックすると、最初のdivが非表示になり、2番目のdivが表示されます。

ユーザーの入力を非表示にしておくことができます。

Answer 5

jquery cookieプラグインを使用して、cookieを使用します。 https://github.com/carhartl/jquery-cookie

送信時にクッキーに保存するか、クッキーを使用してください。