1

dynamic forms次のように、1つのWebページに複数あります

<form name='login' id='login_1'>
<input type='text' name='username'/>
<input type='password' name='pwd'/>
<input type='submit' name='submit' id='submit_1' value='Login'/>
</form>
<form name='login' id='login_2'>
<input type='text' name='username'/>
<input type='password' name='pwd'/>
<input type='submit' name='submit' id='submit_2' value='Login'/>
</form>
.......
.......

ここでid'sは動的です。ユーザーが2番目のフォームにデータを入力して送信した場合、サードパーティを使用せずに2番目(のみ)のフォームデータをサーバーに送信する必要があるとします。jQuery pluginsここでは適切に選択できませんsubmit button id。

serializeArray();特にログインプロセスで、を使用してデータを送信するのは安全なプロセスですか?

4

2 に答える 2

2

ファイルのないフォームがない限り、フォーム入力をシリアル化しても問題ありません。

送信イベントをキャッチし、ajax を使用してデータを渡すことができます

$("form").submit(function(){
   var action = $(this).attr("action");
   //You Can add an input type hidden to store form id, in case you need it at Server
   $(this).append("<input type='hidden' name='id' value='"+$(this).attr("id")+"'>");
   var data = $(this).serializeArray();
   $.post(action,data,function(data){
     //server response
     console.log(data);
   });
});
于 2013-04-08T15:15:56.790 に答える